📌  相关文章
📜  JQuery UI 完整参考

📅  最后修改于: 2022-05-13 01:56:01.845000             🧑  作者: Mango

JQuery UI 完整参考

JQuery UI包含使用 jQuery、级联样式表和使用 jQuery JavaScript 库构建的 HTML 实现的一组 GUI 小部件、动画视觉效果和主题。

jQuery UI 的完整列表如下：

效果

  • jQuery UI 盲区效果
  • jQuery UI 弹跳效果
  • jQuery UI 剪辑效果
  • jQuery UI 下落效果
  • JQuery UI 爆炸效果
  • jQuery UI 淡入淡出效果
  • jQuery UI 折叠效果
  • jQuery UI 高亮效果
  • jQuery UI 粉扑效果
  • jQuery UI 脉动效果
  • jQuery UI 缩放效果
  • jQuery UI 抖动效果
  • jQuery UI 尺寸效果
  • jQuery UI 幻灯片效果


互动：



1. 可拖动小部件

选项

  • jQuery UI Draggable addClasses 选项
  • jQuery UI 可拖动轴选项
  • jQuery UI 可拖动光标选项
  • jQuery UI Draggable cursorAt 选项
  • jQuery UI 可拖动延迟选项
  • jQuery UI 可拖动距离选项
  • jQuery UI Draggable 禁用选项
  • jQuery UI 可拖动网格选项
  • jQuery UI Draggable helper 选项
  • jQuery UI 可拖动不透明度选项
  • jQuery UI Draggable revertDuration 选项
  • jQuery UI Draggable 还原选项
  • jQuery UI 可拖动滚动选项
  • jQuery UI Draggable scrollSpeed 选项
  • jQuery UI Draggable scrollSensitivity 选项

2. 可放置小部件：

选项

  • jQuery UI Droppable 接受选项
  • jQuery UI Droppable activeClass 选项

3.可调整大小的小部件

选项

  • jQuery UI Resizable alsoResize 选项
  • jQuery UI 可调整大小的动画选项
  • jQuery UI 可调整大小的 animateDuration 选项
  • jQuery UI 可调整大小的取消选项
  • jQuery UI 可调整大小的类选项
  • jQuery UI 可调整大小的延迟选项
  • jQuery UI Resizable 禁用选项
  • jQuery UI 可调整距离选项
  • jQuery UI 可调整大小的网格选项
  • jQuery UI 可调整大小的幽灵选项
  • jQuery UI 可调整大小的句柄选项
  • jQuery UI 可调整大小的助手选项
  • jQuery UI 可调整大小的 maxWidth 选项
  • jQuery UI 可调整大小的 maxHeight 选项
  • jQuery UI 可调整大小的 minHeight 选项
  • jQuery UI 可调整大小的 minWidth 选项

方法：

  • jQuery UI 可调整大小 destroy() 方法
  • jQuery UI Resizable disable() 方法

4. 可排序小部件：



选项

  • jQuery UI Sortable Widget appendTo 选项
  • jQuery UI Sortable Widget 轴选项
  • jQuery UI Sortable Widget classes 选项
  • jQuery UI 可排序小部件光标选项
  • jQuery UI Sortable Widget 延迟选项

JQuery 小部件：

jQuery UI widget() 方法

1. 手风琴小工具

选项

  • jQueryUI 手风琴活动选项
  • jQueryUI 手风琴折叠选项
  • jQueryUI 手风琴禁用选项
  • jQueryUI 手风琴事件选项
  • jQueryUI 手风琴标题选项
  • jQueryUI 手风琴图标选项

方法：

  • jQuery UI 手风琴 destroy() 方法
  • jQuery UI 手风琴 disable() 方法
  • jQuery UI 手风琴 option() 方法
  • jQuery UI 手风琴 Widget() 方法
  • jQuery UI Accordion Widget instance() 方法

2.自动完成小部件：

选项

  • jQuery UI 自动完成自动对焦选项
  • jQuery UI 自动完成延迟选项
  • jQuery UI 自动完成禁用选项
  • jQuery UI 自动完成 minLength 选项

3. 按钮小部件

jQuery UI 按钮



方法：

  • jQuery UI 按钮小部件 instance() 方法

4. Checkboxradio 小工具：

jQuery UI Checkboxradio 小部件

选项

  • jQuery UI Checkboxradio 小部件类选项
  • jQuery UI Checkboxradio Widget 禁用选项
  • jQuery UI Checkboxradio 小部件图标选项
  • jQuery UI Checkboxradio 小部件标签选项

方法：

  • jQuery UI Checkboxradio Widget destroy() 方法
  • jQuery UI Checkboxradio Widget disable() 方法

5. 控制组小部件：

jQuery UI 控制组小部件

6.日期选择器小部件；

选项

  • jQuery UI 日期选择器 altFormat 选项
  • jQuery UI 日期选择器 altField 选项
  • jQuery UI Datepicker buttonImage 选项
  • jQuery UI Datepicker buttonImageOnly 选项
  • jQuery UI Datepicker closeText 选项
  • jQuery UI Datepicker defaultDate 选项
  • jQuery UI Datepicker dateFormat 选项
  • jQuery UI 日期选择器 dayNames 选项
  • jQuery UI 日期选择器 dayNamesMin 选项
  • jQuery UI 日期选择器持续时间选项
  • jQuery UI Datepicker firstDay 选项
  • jQuery UI 日期选择器 hideIfNoPrevNext 选项
  • jQuery UI Datepicker 月份名称选项
  • jQuery UI 日期选择器 nextText 选项
  • jQuery UI datepicker shortYearCutoff 选项
  • jQuery UI 日期选择器 selectOtherMonths 选项
  • jQuery UI 日期选择器 showButtonPanel 选项
  • jQuery UI 日期选择器 showCurrentAtPos 选项
  • jQuery UI 日期选择器 showMonthAfterYear 选项
  • jQuery UI Datepicker showOn 选项
  • jQuery UI 日期选择器 selectOtherMonths 选项
  • jQuery UI 日期选择器 showAnim 选项
  • jQuery UI Datepicker showOtherMonths 选项
  • jQuery UI 日期选择器 stepMonths 选项
  • jQuery UI Datepicker weekHeader 选项
  • jQuery UI 日期选择器 showCurrentAtPos 选项
  • jQuery UI 日期选择器 showMonthAfterYear 选项
  • jQuery UI Datepicker showOn 选项
  • jQuery UI Datepicker yearRange 选项
  • jQuery UI Datepicker yearSuffix 选项

方法：



  • jQuery UI 日期选择器 getDate() 方法
  • jQuery UI 日期选择器 setDate() 方法

7. 对话框小部件：

选项

  • jQuery UI 对话框自动打开选项
  • jQuery UI 对话框 closeText 选项
  • jQuery UI 对话框 close(event, ui) 事件
  • jQuery UI 对话框 closeOnEscape 选项
  • jQuery UI 对话框可拖动选项
  • jQuery UI 对话框高度选项
  • jQuery UI 对话框 maxHeight 选项
  • jQuery UI 对话框 minHeight 选项
  • jQuery UI 对话框 minWidth 选项
  • jQuery UI 对话框模式选项
  • jQuery UI 对话框可调整大小的选项
  • jQuery UI 对话框标题选项
  • jQuery UI 对话框宽度选项

方法

  • jQuery UI 对话框 close() 方法
  • jQuery UI 对话框 destroy() 方法
  • jQuery UI 对话框 open() 方法
  • jQuery UI 对话框的 isOpen() 方法
  • jQuery UI 对话框 option() 方法
  • jQuery UI 对话框选项(optionName) 方法
  • jQuery UI 对话框 widget() 方法

事件：

  • jQuery UI 对话框 create(event, ui) 事件
  • jQuery UI | Dialog Drag(event, ui) 事件
  • jQuery UI 对话框 dragStart(event, ui) 事件
  • jQuery UI 对话框 dragStop(event, ui) 事件
  • jQuery UI 对话框 open(event,ui) 事件
  • jQuery UI 对话框 resize(event,ui) 事件
  • jQuery UI 对话框 resizeStart(event, ui) 事件
  • jQuery UI 对话框 resizeStop() 事件

8.菜单小工具

方法

  • jQuery UI 菜单 collapse() 方法
  • jQuery UI 菜单 destroy() 方法
  • jQuery UI 菜单 isFirstItem() 方法
  • jQuery UI 菜单 isLastItem() 方法

9. 滑块小部件

选项

  • jQuery UI Slider destroy() 方法
  • jQuery UI Slider disable() 方法
  • jQuery UI Slider enable() 方法
  • jQuery UI Slider option() 方法
  • jQuery UI Slider option() 方法
  • jQuery UI 滑块范围选项
  • jQuery UI 滑块值选项
  • jQuery UI 滑块值选项
  • jQuery UI Slider 小部件方法

10.微调小部件

选项



  • jQuery UI Spinner 禁用选项
  • jQuery UI Spinner 最小选项
  • jQuery UI Spinner 最大选项
  • jQuery UI Spinner 步骤选项

方法：

  • jQuery UI Spinner enable() 方法
  • jQuery UI Spinner pageDown() 方法
  • jQuery UI Spinner pageUp() 方法
  • jQuery UI Spinner stepUp() 方法
  • jQuery UI Spinner stepDown() 方法
  • jQuery UI Spinner widget() 方法

事件：

  • jQuery UI Spinner 启动事件
  • jQuery UI Spinner 停止事件

11. 标签小工具：

选项

  • jQuery UI 选项卡活动选项
  • jQuery UI 标签可折叠选项
  • jQuery UI 标签禁用选项
  • jQuery UI 标签事件选项
  • jQuery UI 选项卡 heightStyle 选项

方法：

  • jQuery UI 标签销毁方法
  • jQuery UI 标签启用方法
  • jQuery UI 选项卡 load() 方法
  • jQuery UI 选项卡 load() 方法
  • jQuery UI 选项卡 option() 方法
  • jQuery UI Tabs widget() 方法

12. 工具提示小部件：

方法：

  • jQuery UI 工具提示 close() 方法
  • jQuery UI 工具提示 destroy() 方法
  • jQuery UI 工具提示 disable() 方法
  • jQuery UI 工具提示 enable() 方法
  • jQuery UI 工具提示 open() 方法

选项

  • jQuery UI 工具提示禁用选项
  • jQuery UI 工具提示跟踪选项

事件：

  • jQuery UI 工具提示关闭事件
  • jQuery UI 工具提示创建事件
  • jQuery UI 工具提示打开事件

jQuery UI 问题：

  • jQuery UI 选项方法
  • jQuery UI 选项 (optionName) 方法
  • jQuery UI 选择菜单
  • jQuery BlockUI 插件
  • jQuery UI |切换类方法
  • jQuery UI | position() 方法
  • 如何使用 jQuery UI 进行基本的自动完成？
  • jQuery UI datepicker option(optionName, value) 方法
  • 如何在 jQuery UI 中禁用日期选择器？
  • 如何使用 jQuery UI 制作基本菜单？
  • 如何启用 jQuery UI 菜单？
  • 如何使用 jQuery UI 启用手风琴？
  • 如何使用 jQuery UI 实现类别菜单？
  • 如何使用 jQuery UI 制作基本对话框？
  • 如何销毁 jQuery UI 中的日期选择器？
  • 如何使用 jQuery UI 制作基本的 Datepicker？
  • 如何在 jQuery UI 中启用自动完成功能？
  • 如何禁用 jQuery UI 中的按钮？
  • 如何销毁 jQuery UI 中的按钮？
  • 如何使用 jQuery UI 设计颜色选择器？
  • 如何实现具有多种输入类型的下拉菜单？
  • 如何使用 jQuery DataTables 插件处理多行选择？
  • 如何禁用 jQuery UI 菜单？