Home » jQuery » jQuery UI API中文文档

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）

  • EasingsEasing 函数指定动画在不同点上的行进速度。
  • 部件库（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）可自定义的、可主题化的工具提示框，替代原生的工具提示框。