datetime:2019/7/12 9:47
author:nzb
特效(Effects)
| API | 描述 | 也属于类别 |
|---|---|---|
| .addClass() | 当动画样式改变时,为匹配的元素集合内的每个元素添加指定的 Class。 | 特效核心(Effects Core) | 方法重载(Method Overrides) |
| 百叶窗特效(Blind Effect) | 百叶窗特效(Blind Effect)通过将元素包裹在一个容器内,采用"拉百叶窗"效果来隐藏或显示元素。 | |
| 反弹特效(Bounce Effect) | 反弹特效(Bounce Effect)反弹一个元素。当与隐藏或显示一起使用时,最后一次或第一次反弹会呈现淡入/淡出效果。 | |
| 剪辑特效(Clip Effect) | 剪辑特效(Clip Effect)通过垂直或水平方向夹剪元素来隐藏或显示一个元素。 | |
| 颜色动画(Color Animation) | 使用 .animate() 实现颜色动画效果。 | |
| 降落特效(Drop Effect) | 降落特效(Drop Effect)通过单个方向滑动的淡入淡出来隐藏或显示一个元素。 | |
| Easing | Easing函数指定动画在不同点上的行进速度。 | |
| .effect() | 对一个元素应用动画特效。 | 特效核心(Effects Core) | 方法(Method) |
| 爆炸特效(Explode Effect) | 爆炸特效(Explode Effect)通过把元素裂成碎片来隐藏或显示一个元素。 | |
| 淡入淡出特效(Fade Effect) | 淡入淡出特效(Fade Effect)通过淡入淡出元素来隐藏或显示一个元素。 | |
| 折叠特效(Fold Effect) | 折叠特效(Fold Effect)通过折叠元素来隐藏或显示一个元素。 | |
| .hide() | 使用自定义效果来隐藏匹配的元素。 | 特效核心(Effects Core) | 方法重载(Method Overrides) | 方法(Method) |
| 突出特效(Highlight Effect) | 突出特效(Highlight Effect)通过首先改变背景颜色来隐藏或显示一个元素。 | |
| 膨胀特效(Puff Effect) | 通过在缩放元素的同时隐藏元素来创建膨胀特效(Puff Effect)。 | |
| 跳动特效(Pulsate Effect) | 跳动特效(Pulsate Effect)通过跳动来隐藏或显示一个元素。 | |
| .removeClass() | 当动画样式改变时,为匹配的元素集合内的每个元素移除指定的 Class。 | 特效核心(Effects Core) | 方法重载(Method Overrides) |
| 缩放特效(Scale Effect) | 按照某个百分比缩放元素。 | |
| 震动特效(Shake Effect) | 垂直或水平方向多次震动元素。 | |
| .show() | 使用自定义效果来显示匹配的元素。 | 特效核心(Effects Core) | 方法重载(Method Overrides) | 方法(Method) |
| 尺寸特效(Size Effect) | 调整元素尺寸到指定宽度和高度。 | |
| 滑动特效(Slide Effect) | 把元素滑动出视区。 | |
| .switchClass() | 当动画样式改变时,为匹配的元素集合内的每个元素添加和移除指定的 Class。 | 特效核心(Effects Core) |
| .toggle() | 使用自定义效果来显示或隐藏匹配的元素。 | 特效核心(Effects Core) | 方法重载(Method Overrides) | 方法(Method) |
| .toggleClass() | 当动画样式改变时,根据 Class 是否存在以及 switch 参数的值,为匹配的元素集合内的每个元素添加或移除一个或多个 Class。 | 特效核心(Effects Core) | 方法重载(Method Overrides) |
| 转移特效(Transfer Effect) | 把一个元素的轮廓转移到另一个元素。 |
特效核心(Effects Core)
| API | 描述 | 也属于类别 |
|---|---|---|
| .addClass() | 当动画样式改变时,为匹配的元素集合内的每个元素添加指定的 Class。 | 特效(Effects) | 方法重载(Method Overrides) |
| 颜色动画(Color Animation) | 使用 .animate() 实现颜色动画效果。 | |
| .effect() | 对一个元素应用动画特效。 | 特效(Effects) | 方法(Method) |
| .hide() | 使用自定义效果来隐藏匹配的元素。 | 特效(Effects) | 方法重载(Method Overrides) | 方法(Method) |
| .removeClass() | 当动画样式改变时,为匹配的元素集合内的每个元素移除指定的 Class。 | 特效(Effects) | 方法重载(Method Overrides) |
| .show() | 使用自定义效果来显示匹配的元素。 | 特效(Effects) | 方法重载(Method Overrides) | 方法(Method) |
| .switchClass() | 当动画样式改变时,为匹配的元素集合内的每个元素添加和移除指定的 Class。 | 特效(Effects) |
| .toggle() | 使用自定义效果来显示或隐藏匹配的元素。 | 特效(Effects) | 方法重载(Method Overrides) | 方法(Method) |
| .toggleClass() | 当动画样式改变时,根据 Class 是否存在以及 switch 参数的值,为匹配的元素集合内的每个元素添加或移除一个或多个 Class。 | 特效(Effects) | 方法重载(Method Overrides) |
交互(Interactions)
| API | 描述 | 也属于类别 |
|---|---|---|
| 可拖拽小部件(Draggable Widget) | 允许使用鼠标移动元素。 | |
| 可放置小部件(Droppable Widget) | 为可拖拽小部件创建目标。 | |
| 鼠标交互(Mouse Interaction) | 基本交互层。 | 实用工具(Utilities) |
| 可调整尺寸小部件(Resizable Widget) | 使用鼠标改变元素的尺寸。 | |
| 可选择小部件(Selectable Widget) | 使用鼠标选择单个元素或一组元素。 | |
| 可排序小部件(Sortable Widget) | 使用鼠标调整列表中或者网格中元素的排序。 |
方法重载(Method Overrides)
| API | 描述 | 也属于类别 |
|---|---|---|
| .addClass() | 当动画样式改变时,为匹配的元素集合内的每个元素添加指定的 Class。 | 特效(Effects) | 特效核心(Effects Core) |
| .focus() | 异步聚焦到一个元素。 | 方法(Method) | UI 核心(UI Core) |
| .hide() | 使用自定义效果来隐藏匹配的元素。 | 特效(Effects) | 特效核心(Effects Core) | 方法(Method) |
| .position() | 相对另一个元素定位一个元素。 | 方法(Method) | 实用工具(Utilities) |
| .removeClass() | 当动画样式改变时,为匹配的元素集合内的每个元素移除指定的 Class。 | 特效(Effects) | 特效核心(Effects Core) |
| .show() | 使用自定义效果来显示匹配的元素。 | 特效(Effects) | 特效核心(Effects Core) | 方法(Method) |
| .toggle() | 使用自定义效果来显示或隐藏匹配的元素。 | 特效(Effects) | 特效核心(Effects Core) | 方法(Method) |
| .toggleClass() | 当动画样式改变时,根据 Class 是否存在以及 switch 参数的值,为匹配的元素集合内的每个元素添加或移除一个或多个 Class。 | 特效(Effects) | 特效核心(Effects Core) |
方法(Methods)
| API | 描述 | 也属于类别 |
|---|---|---|
| .disableSelection() | 禁用选择匹配的元素集合内的文本内容。 | UI 核心(UI Core) |
| .effect() | 对一个元素应用动画特效。 | 特效(Effects) | 特效核心(Effects Core) |
| .enableSelection() | 启用选择匹配的元素集合内的文本内容。 | UI 核心(UI Core) |
| .focus() | 异步聚焦到一个元素。 | 方法重载(Method Overrides) | UI 核心(UI Core) |
| .hide() | 使用自定义效果来隐藏匹配的元素。 | 特效(Effects) | 特效核心(Effects Core) | 方法重载(Method Overrides) |
| .position() | 相对另一个元素定位一个元素。 | 方法重载(Method Overrides) | 实用工具(Utilities) |
| .removeUniqueId() | 为匹配的元素集合移除由 .uniqueId() 设置的 Id。 | UI 核心(UI Core) |
| .scrollParent() | 获取最近的可滚动的祖先。 | UI 核心(UI Core) |
| .show() | 使用自定义效果来显示匹配的元素。 | 特效(Effects) | 特效核心(Effects Core) | 方法重载(Method Overrides) |
| .toggle() | 使用自定义效果来显示或隐藏匹配的元素。 | 特效(Effects) | 特效核心(Effects Core) | 方法重载(Method Overrides) |
| .uniqueId() | 为匹配的元素集合生成并申请一个唯一的 Id。 | UI 核心(UI Core) |
| .zIndex() | 为元素获取 z-index。 | UI 核心(UI Core) |
选择器(Selectors)
| API | 描述 | 也属于类别 |
|---|---|---|
| :data() Selector | 选择数据已存储在指定的键下的元素。 | UI 核心(UI Core) |
| :focusable Selector | 选择可被聚焦的元素。 | UI 核心(UI Core) |
| :tabbable Selector | 选择用户可通过 tab 键聚焦的元素。 | UI 核心(UI Core) |
主题(Theming)
| API | 描述 |
|---|---|
| CSS 框架(CSS Framework) | jQuery UI 使用的允许组件主题化的 Class 名称列表。 |
| 图标(Icons) | jQuery UI 提供的图标列表。 |
| 堆叠元素(Stacking Elements) | 一种处理 z-index 和堆叠元素的模式。 |
UI 核心(UI Core)
| API | 描述 | 也属于类别 | |
|---|---|---|---|
| :data() Selector | 选择数据已存储在指定的键下的元素。 | 选择器(Selectors) | |
| .disableSelection() | 禁用选择匹配的元素集合内的文本内容。 | 方法(Methods) | |
| .enableSelection() | 启用选择匹配的元素集合内的文本内容。 | 方法(Methods) | |
| .focus() | 异步聚焦到一个元素。 | 方法重载(Method Overrides) | 方法(Methods) |
| :focusable Selector | 选择可被聚焦的元素。 | 选择器(Selectors) | |
| jQuery.ui.keyCode | 一个相对于数字值的关键代码描述的映射。 | ||
| .removeUniqueId() | 为匹配的元素集合移除由 .uniqueId() 设置的 Id。 | 方法(Methods) | |
| .scrollParent() | 获取最近的可滚动的祖先。 | 方法(Methods) | |
| :tabbable Selector | 选择用户可通过 tab 键聚焦的元素。 | 选择器(Selectors) | |
| .uniqueId() | 为匹配的元素集合生成并申请一个唯一的 Id。 | 方法(Methods) | |
| .zIndex() | 为元素获取 z-index。 | 方法(Methods) |
实用工具(Utilities)
| API | 描述 | 也属于类别 |
|---|---|---|
| Easings | Easing 函数指定动画在不同点上的行进速度。 | |
| 部件库(Widget Factory) | 使用与所有 jQuery UI 小部件相同的抽象化来创建有状态的 jQuery 插件。 | 小部件(Widgets) |
| 插件桥(Widget Plugin Bridge) | jQuery.widget.bridge() 方法是 jQuery 部件库(Widget Factory)的一部分。它扮演着由 $.widget() 创建的对象和 jQuery API 之间的中介。 | 小部件(Widgets) |
| 鼠标交互(Mouse Interaction) | 基本交互层。 | 交互(Interactions) |
| .position() | 相对另一个元素定位一个元素。 | 方法重载(Method Overrides) | 方法(Method) |
小部件(Widgets)
| API | 描述 | 也属于类别 |
|---|---|---|
| 折叠面板部件(Accordion Widget) | 把一对标题和内容面板转换成折叠面板。 | |
| 自动完成部件(Autocomplete Widget) | 自动完成功能根据用户输入值进行搜索和过滤,让用户快速找到并从预设值列表中选择。 | |
| 按钮部件(Button Widget) | 可主题化的按钮和按钮集合。 | |
| 日期选择器部件(Datepicker Widget) | 从弹出框或在线日历选择一个日期。 | |
| 对话框部件(Dialog Widget) | 在一个交互覆盖层中打开内容。 | |
| 部件库(Widget Factory) | 使用与所有 jQuery UI 小部件相同的抽象化来创建有状态的 jQuery 插件。 | 实用工具(Utilities) |
| 插件桥(Widget Plugin Bridge) | jQuery.widget.bridge() 方法是 jQuery 部件库(Widget Factory)的一部分。它扮演着由 $.widget() 创建的对象和 jQuery API 之间的中介。 | 实用工具(Utilities) |
| 菜单部件(Menu Widget) | 带有鼠标和键盘交互的用于导航的可主题化菜单。 | |
| 进度条部件(Progressbar Widget) | 显示一个确定的或不确定的进程状态。 | |
| 滑块部件(Slider Widget) | 拖动手柄可以选择一个数值。 | |
| 旋转器部件(Spinner Widget) | 通过向上/向下按钮和箭头键处理,为输入数值增强文本输入功能。 | |
| 标签页部件(Tabs Widget) | 一种多面板的单内容区,每个面板与列表中的标题相关。 | |
| 工具提示框部件(Tooltip Widget) | 可自定义的、可主题化的工具提示框,替代原生的工具提示框。 |