jQuery UI API中文文档 – WEB前端开发

jQuery UI API中文文档(适用jQuery UI 1.10)

http://www.css88.com/jquery-ui-api/

如果您有任何建议，或者拍砖，欢迎留言或微博上 @愚人码头 联系我。

• 效果（Effects）

  • .addClass() 为每个匹配的元素添加指定的样式类名，而且所有改变的样式以动画的形式展示
  • Blind Effect 百叶窗效果隐藏或者显示一个包装在一个容器中的元素时候具有“拉百叶窗”的效果
  • Bounce Effect 反弹特效上下反弹一个元素。当反弹特效和隐藏或显示配合使用时，最后一个或第一个反弹也将呈现淡入或淡出效果。
  • Clip Effect 剪辑效果通过垂直或水平剪辑一个元素来显示或隐藏它，并且它是从元素的两端同时进行的。
  • Color Animation
    颜色动画使用.animate()。
  • Drop Effect 拉拽特效隐藏或显示一个元素，并使用通过淡入或淡出效果使它向一个方向滑动。
  • easings 动画缓冲函数可以确定在动画过程中不同时刻的动画速度。
  • .effect() 在一个元素上应用一个动画特效。
  • Explode Effect 爆炸特效通过将元素分拆成若干片来隐藏或显示一个元素。
  • Fade Effect 淡入淡出的隐藏或显示一个元素。
  • Fold Effect 通过折叠形式来隐藏或显示一个元素。
  • .hide() 使用自定义的效果隐藏匹配的元素。
  • Highlight Effect 高亮特效通过先动画呈现元素的背景颜色来隐藏或显示一个元素。
  • Puff Effect 创建拉伸的效果，缩放元素的同时隐藏或显示元素。
  • Pulsate Effect 闪烁效果通过脉冲闪烁隐藏或显示元素。
  • .removeClass() 为每个匹配的元素移除指定的样式类名，而且所有改变的样式以动画的形式展示
  • Scale Effect 按百分比缩小或放大一个元素。
  • Shake Effect 在垂直或水平方向上多次抖动一个元素。
  • .show() 使用自定义特效显示匹配的元素。
  • Size Effect 将元素的尺寸设置到一个指定的宽度和高度。
  • Slide Effect 将元素滑动到可视区域之外。
  • .switchClass() 为每一组匹配的元素添加或移除指定的样式类，而且所有改变的样式以动画的形式展示
  • .toggle() 使用自定义特效显示或隐藏匹配的元素。
  • .toggleClass() 为每一组匹配的元素添加或移除一个或多个样式类，取决于当前元素是否存在该样式类和switch参数。，而且所有改变的样式以动画的形式展示
  • Transfer Effect 一个元素的轮廓转移到另一元素上

• 特效内核代码（ Effects Core）

  • .addClass() 为每个匹配的元素添加指定的样式类名，而且所有改变的样式以动画的形式展示
  • Color Animation
    颜色动画使用.animate()。
  • .effect() 在一个元素上应用一个动画特效。
  • .hide() 使用自定义的效果隐藏匹配的元素。
  • .removeClass() 为每个匹配的元素移除指定的样式类名，而且所有改变的样式以动画的形式展示
  • .show() 使用自定义特效显示匹配的元素。
  • .switchClass() 为每一组匹配的元素添加或移除指定的样式类，而且所有改变的样式以动画的形式展示
  • .toggle() 使用自定义特效显示或隐藏匹配的元素。
  • .toggleClass() 为每一组匹配的元素添加或移除一个或多个样式类，取决于当前元素是否存在该样式类和switch参数。，而且所有改变的样式以动画的形式展示

• 交互（Interactions）

  • Draggable Widget 该组件可以让你使用鼠标拖动所有元素。
  • Droppable Widget(拖放) 创建拖动元素的目标。
  • 鼠标交互（Mouse Interaction） 基本交互层。
  • 可调整尺寸小部件（Resizable Widget） 使用鼠标改变元素的尺寸。
  • 可选择小部件（Selectable Widget） 使用鼠标选择单个元素或一组元素。
  • 可排序小部件（Sortable Widget） 使用鼠标调整列表中或者网格中元素的排序。

• 方法重载（Method Overrides）

  • .addClass() 当动画样式改变时，为匹配的元素集合内的每个元素添加指定的 Class。
  • .focus() 异步聚焦到一个元素。
  • .hide() 使用自定义效果来隐藏匹配的元素。
  • .position() 相对另一个元素定位一个元素。
  • .removeClass() 当动画样式改变时，为匹配的元素集合内的每个元素移除指定的 Class。
  • .show() 使用自定义效果来显示匹配的元素。
  • .toggle() 使用自定义效果来显示或隐藏匹配的元素。
  • .toggleClass() 当动画样式改变时，根据 Class 是否存在以及 switch 参数的值，为匹配的元素集合内的每个元素添加或移除一个或多个 Class。

• 方法（Methods）

  • .disableSelection() 禁用选择匹配的元素集合内的文本内容。
  • .effect() 对一个元素应用动画特效。
  • .enableSelection() 启用选择匹配的元素集合内的文本内容。
  • .focus() 异步聚焦到一个元素。
  • .hide() 使用自定义效果来隐藏匹配的元素。
  • .position() 相对另一个元素定位一个元素。
  • .removeUniqueId() 为匹配的元素集合移除由 .uniqueId() 设置的 Id。
  • .scrollParent() 获取最近的可滚动的祖先。
  • .show() 使用自定义效果来显示匹配的元素。
  • .toggle() 使用自定义效果来显示或隐藏匹配的元素。
  • .uniqueId() 为匹配的元素集合生成并申请一个唯一的 Id。
  • .zIndex() 为元素获取 z-index。

• 选择器（Selectors）

  • :data() Selector 选择数据已存储在指定的键下的元素。
  • :focusable Selector 选择可被聚焦的元素。
  • :tabbable Selector 选择用户可通过 tab 键聚焦的元素。

• 主题（Theming）

  • CSS 框架（CSS Framework） jQuery UI 使用的允许组件主题化的 Class 名称列表。
  • 图标（Icons） jQuery UI 提供的图标列表。
  • 堆叠元素（Stacking Elements） 一种处理 z-index 和堆叠元素的模式。

• UI 核心（UI Core）

  • :data() Selector 选择数据已存储在指定的键下的元素。
  • .disableSelection() 禁用选择匹配的元素集合内的文本内容。
  • .enableSelection() 启用选择匹配的元素集合内的文本内容。
  • .focus() 异步聚焦到一个元素。
  • :focusable Selector 选择可被聚焦的元素。
  • jQuery.ui.keyCode 一个相对于数字值的关键代码描述的映射。
  • .removeUniqueId() 为匹配的元素集合移除由 .uniqueId() 设置的 Id。
  • .scrollParent() 获取最近的可滚动的祖先。
  • :tabbable Selector 选择用户可通过 tab 键聚焦的元素。
  • .uniqueId() 为匹配的元素集合生成并申请一个唯一的 Id。
  • .zIndex() 为元素获取 z-index。

• 实用工具（Utilities）

  • Easings Easing 函数指定动画在不同点上的行进速度。
  • 部件库（Widget Factory） 使用与所有 jQuery UI 小部件相同的抽象化来创建有状态的 jQuery 插件。
  • 插件桥（Widget Plugin Bridge） jQuery.widget.bridge() 方法是 jQuery 部件库（Widget Factory）的一部分。它扮演着由 $.widget() 创建的对象和 jQuery API 之间的中介。
  • 鼠标交互（Mouse Interaction） 基本交互层。
  • .position() 相对另一个元素定位一个元素。

• 小部件（Widgets）

  • 折叠面板部件（Accordion Widget） 把一对标题和内容面板转换成折叠面板。
  • 自动完成部件（Autocomplete Widget） 自动完成功能根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。
  • 按钮部件（Button Widget） 可主题化的按钮和按钮集合。
  • 日期选择器部件（Datepicker Widget） 从弹出框或在线日历选择一个日期。
  • 对话框部件（Dialog Widget） 在一个交互覆盖层中打开内容。
  • 部件库（Widget Factory） 使用与所有 jQuery UI 小部件相同的抽象化来创建有状态的 jQuery 插件。
  • 插件桥（Widget Plugin Bridge） jQuery.widget.bridge() 方法是 jQuery 部件库（Widget Factory）的一部分。它扮演着由 $.widget() 创建的对象和 jQuery API 之间的中介。
  • 菜单部件（Menu Widget） 带有鼠标和键盘交互的用于导航的可主题化菜单。
  • 进度条部件（Progressbar Widget） 显示一个确定的或不确定的进程状态。
  • 滑块部件（Slider Widget） 拖动手柄可以选择一个数值。
  • 微调器器部件（Spinner Widget） 通过向上/向下按钮和箭头键处理，为输入数值增强文本输入功能。
  • 标签页部件（Tabs Widget） 一种多面板的单内容区，每个面板与列表中的标题相关。
  • 工具提示框部件（Tooltip Widget） 可自定义的、可主题化的工具提示框，替代原生的工具提示框。