jQueryUI实例-菜单（Menu）带有鼠标和键盘交互的用于导航的可主题化菜单。如需了解更多有关menu部件的细节，请查看API文档菜单部件（MenuWidget）。默认功能一个带有默认配置、禁用条目和嵌套菜单的菜单。由一个列表转化成的，添加了主题，并支持鼠标和键盘交互。尝试使用光标键导航菜单。<!doctypeht...

[阅读全文]

jQueryUI实例-对话框（Dialog）在一个交互覆盖层中打开内容。如需了解更多有关dialog部件的细节，请查看API文档对话框部件（DialogWidget）。默认功能基本的对话框窗口是一个定位于视区中的覆盖层，同时通过一个iframe与页面内容分隔开（就像select元素）。它由一个标题栏和一个内容区域组成，...

[阅读全文]

jQueryUI实例-日期选择器（Datepicker）从弹出框或内联日历选择一个日期。如需了解更多有关datepicker部件的细节，请查看API文档日期选择器部件（DatepickerWidget）。默认功能日期选择器（Datepicker）绑定到一个标准的表单input字段上。把焦点移到input上（点击或者使用...

[阅读全文]

jQueryUI实例-按钮（Button）用带有适当的悬停（hover）和激活（active）的样式的可主题化按钮来加强标准表单元素（比如按钮、输入框、锚）的功能。如需了解更多有关button部件的细节，请查看API文档按钮部件（ButtonWidget）。默认功能可用于按钮的标记实例：一个button元素，一个类型为...

[阅读全文]

jQueryUI实例-自动完成（Autocomplete）根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。如需了解更多有关autocomplete部件的细节，请查看API文档自动完成部件（AutocompleteWidget）。本章节使用到search.php下载。默认功能当您在输入域中输入时，自动完...

[阅读全文]

jQueryUI实例-折叠面板（Accordion）在一个有限的空间内显示用于呈现信息的可折叠的内容面板。如需了解更多有关accordion部件的细节，请查看API文档折叠面板部件（AccordionWidget）。默认功能点击头部展开/折叠被分为各个逻辑部分的内容，就像标签页（tabs）一样。您可以选择性地设置当鼠标...

[阅读全文]

jQueryUI实例-排序（Sortable）使用鼠标调整列表中或者网格中元素的排序。如需了解更多有关sortable交互的细节，请查看API文档可排序小部件（SortableWidget）。默认功能在任意的DOM元素上启用sortable功能。通过鼠标点击并拖拽元素到列表中的一个新的位置，其它条目会自动调整。默认情况...

[阅读全文]

jQueryUI实例-选择（Selectable）使用鼠标选择单个元素或一组元素。如需了解更多有关selectable交互的细节，请查看API文档可选择小部件（SelectableWidget）。默认功能在某个DOM元素上或者一组元素上启用selectable功能。通过鼠标拖拽选择条目。按住Ctrl键，选择多个不相邻的...

[阅读全文]

jQueryUI实例-缩放（Resizable）使用鼠标改变元素的尺寸。如需了解更多有关resizable交互的细节，请查看API文档可调整尺寸小部件（ResizableWidget）。默认功能在任意的DOM元素上启用resizable功能。通过鼠标拖拽右边或底边的边框到所需的宽度或高度。<!doctypehtml><...

[阅读全文]

jQueryUI实例-放置（Droppable）为可拖拽小部件创建目标。如需了解更多有关droppable交互的细节，请查看API文档可放置小部件（DroppableWidget）。默认功能在任意的DOM元素上启用droppable功能，并为可拖拽小部件创建目标。<!doctypehtml><htmllang="en"...

[阅读全文]

jQueryUI实例-拖动（Draggable）允许使用鼠标移动元素。如需了解更多有关draggable交互的细节，请查看API文档可拖拽小部件（DraggableWidget）。默认功能在任意的DOM元素上启用draggable功能。通过鼠标点击并在视区中拖动来移动draggable对象。<!doctypehtml>...

[阅读全文]

jQueryUI实例jQueryUI提供了一组用户界面交互、特效、小部件、实用工具及主题。通过实例演示、查看源代码、创建主题、阅读API文档，开始学习使用jQueryUI。交互（Interactions）交互（Interactions）向任何元素添加基本的基于鼠标的行为。您可以只通过短短的几行代码即可创建排序列表、缩放...

[阅读全文]

jQueryUIAPI类别-小部件（Widgets）小部件（Widgets）是功能丰富、有状态的插件，它有一个完整的生命周期，带有方法和事件。您可以查看部件库（WidgetFactory）文档了解更多详情。API描述也属于类别折叠面板部件（AccordionWidget）把一对标题和内容面板转换成折叠面板。自动完成部件...

[阅读全文]

jQueryUIAPI类别-实用工具（Utilities）API描述也属于类别EasingsEasing函数指定动画在不同点上的行进速度。部件库（WidgetFactory）使用与所有jQueryUI小部件相同的抽象化来创建有状态的jQuery插件。小部件（Widgets）插件桥（WidgetPluginBridge）...

[阅读全文]

jQueryUIAPI类别-UI核心（UICore）由jquery.ui.core.js提供的功能。API描述也属于类别:data()Selector选择数据已存储在指定的键下的元素。选择器（Selectors）.disableSelection()禁用选择匹配的元素集合内的文本内容。方法（Methods）.enabl...

[阅读全文]

jQueryUIAPI类别-主题（Theming）jQueryUI包括一个强大的CSS框架，用于创建自定义的jQuery小部件。该框架包括涵盖广泛的公共用户界面需求的Class，并且可以使用jQueryUIThemeRoller进行操纵。通过使用jQueryUICSS框架创建您自己的UI组件，您应采用共享标记公约，便于...

[阅读全文]

jQueryUIAPI类别-选择器（Selectors）API描述也属于类别:data()Selector选择数据已存储在指定的键下的元素。UI核心（UICore）:focusableSelector选择可被聚焦的元素。UI核心（UICore）:tabbableSelector选择用户可通过tab键聚焦的元素。UI核心...

[阅读全文]

jQueryUIAPI类别-方法（Methods）尽管jQueryUI主要由小部件（Widgets）、交互（Interactions）和特效（Effects）组成，但是还有一些简单的方法，增加了便利性。API描述也属于类别.disableSelection()禁用选择匹配的元素集合内的文本内容。UI核心（UICore）...

[阅读全文]

jQueryUIAPI类别-方法重载（MethodOverrides）jQueryUI重载了几个内置的jQuery方法，以提供额外的功能。当使用这些重载时，确保加载jQueryUI是很重要的。如果jQueryUI未加载，方法依然存在，但预期的功能将不可用，这会导致难以追踪的错误。API描述也属于类别.addClass(...

[阅读全文]

jQueryUIAPI类别-交互（Interactions）jQueryUI提供了一套基于鼠标的交互。API描述也属于类别可拖拽小部件（DraggableWidget）允许使用鼠标移动元素。可放置小部件（DroppableWidget）为可拖拽小部件创建目标。鼠标交互（MouseInteraction）基本交互层。实用...

[阅读全文]

jQueryUIAPI类别-特效核心（EffectsCore）由jquery.ui.effect.js提供的功能。除了下面列出的方法，jquery.ui.effect.js还包括一些Easings。API描述也属于类别.addClass()当动画样式改变时，为匹配的元素集合内的每个元素添加指定的Class。特效（Eff...

[阅读全文]

jQueryUIAPI类别-特效（Effects）jQueryUI在jQuery内置的特效上添加了一些功能。jQueryUI支持颜色动画和Class转换，同时也提供了一些额外的Easings。另外，提供了一套完整的定制特效，供显示和隐藏元素时或者只是添加一些视觉显示时使用。API描述也属于类别.addClass()当动...

[阅读全文]

jQueryUI1.10API文档jQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。如果您是jQuery新手，您可以先查看jQuery教程。本教程提供了jQueryUI1.10API文档。如果您使用的是旧版本，我们建议您更新到jQueryUI1.10，以便获取最好的支持...

[阅读全文]

jQueryUI如何使用部件库（WidgetFactory）我们将创建一个进度条。正如下面实例所示，这可以通过调用jQuery.widget()来完成，它带有两个参数：一个是要创建的插件名称，一个是包含支持插件的函数的对象文字。当插件被调用时，它将创建一个新的插件实例，所有的函数都将在该实例的语境中被执行。这与两种重要...

[阅读全文]

jQueryUI为什么使用部件库（WidgetFactory）编写jQuery插件与向jQuery.prototype（通常显示为$.fn）添加方法一样简单，且需要遵循一些简单的规则，比如返回this。所以为什么会存在部件库（WidgetFactory）？在本章节中，我们将讲解部件库（WidgetFactory）的好处...

[阅读全文]

jQueryUI小部件（Widget）方法调用小部件（Widget）是通过部件库（WidgetFactory）使用方法来改变他们初始化后的状态和执行动作而被创建的。有两种调用小部件方法的方式-通过部件库（WidgetFactory）创建的插件，或者通过调用元素实例对象上的方法。插件调用使用小部件的插件调用方法，把方法名...

[阅读全文]

jQueryUI通过部件库（WidgetFactory）扩展小部件jQueryUI的部件库（WidgetFactory）使得创建小部件变得更加容易，这些小部件扩展了已有小部件的功能。这样子您就能在已有的基础上创建出功能强大的小部件，也可以在已有的小部件功能上做细微的调整。注意：在学习本章节之前，需要明白什么是部件库（W...

[阅读全文]

jQueryUI部件库（WidgetFactory）jQueryUI部件库（WidgetFactory）是一个可扩展的基础，所有的jQueryUI小部件都是在上面进行创建的。使用部件库（WidgetFactory）来创建插件，提供了方便的状态管理，同时也为一些常见的任务提供了便捷，比如暴露插件方法，实例化后改变选项等。...

[阅读全文]

jQueryUI设计主题文件结构主题是以特定的方式来增加他们的易用性。通常，文件目录结构如下所示：themename/–您的主题必须完全包含在一个单独的以主题名称命名的文件夹内。themename/themename.css–这是基本的CSS文件。无论使用了哪个插件，该文件都必须在每个使用主题的页面中引用。该文件应该是...

[阅读全文]

jQueryUICSS框架APIjQueryUICSS框架jQueryUI包含了一个强大的CSS框架，为了创建自定义jQuery小部件而设计的。框架包含了通用的用户界面所需的类，且可使用jQueryUIThemeRoller进行维护。通过使用jQueryUICSS框架创建您自己的UI组件。您需采用共享标记公约，以便在插...

[阅读全文]