jQuery UI 教程教程

jQuery UI 教程

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器，jQuery UI 都是一个完美的选择。

jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要您学会使用其中一个，您就知道如何使用其他的小部件（Widget）。

现在开始学习 jQuery UI！

从实例开始

为了更好地体验什么是 jQuery UI，请查看 jQuery UI 实例。

在实例演示部分，导航列出了 jQuery UI 提供的所有交互部件和小部件。选择一个交互部件或小部件，您将看到特定插件的一些演示配置。在每个演示中，您可以查看源代码，更改主题，且 URL 可以被添加书签。例如，您可以查看折叠面板部件填充空间实例演示页面。

内容列表

jQuery UI 简介
jQuery UI 下载
jQuery UI 使用
jQuery UI 定制
jQuery UI 工作原理
jQuery UI 主题
- jQuery UI ThemeRoller
- jQuery UI CSS 框架 API
- 设计主题
部件库（Widget Factory）
- 通过部件库（Widget Factory）扩展小部件（Widget）
- 小部件（Widget）方法调用
- 为什么使用部件库（Widget Factory）
- 如何使用部件库（Widget Factory）

参考手册

jQuery UI API 文档
特效（Effects）
特效核心（Effects Core）
交互（Interactions）
方法重载（Method Overrides）
方法（Methods）
选择器（Selectors）
主题（Theming）
UI 核心（UI Core）
实用工具（Utilities）
小部件（Widgets）

	jQuery UI 教程

jQuery UI 教程

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题，可用于创建高度交互的 Web 应用程序。

jQuery UI 教程目录

1.jQuery UI 简介
2.jQuery UI 教程
3.jQuery UI CSS 框架 API
4.jQuery UI 主题
5.jQuery UI 工作原理
6.jQuery UI 如何使用部件库
7.jQuery UI 为什么使用部件库
8.jQuery UI 小部件方法调用
9.jQuery UI 通过部件库扩展小部件
10.jQuery UI 部件库
11.jQuery UI 设计主题
12.jQuery UI API 类别 – UI 核心
13.jQuery UI API 类别 – 主题
14.jQuery UI API 类别 – 选择器
15.jQuery UI API 类别 – 方法
16.jQuery UI API 类别 – 方法重载
17.jQuery UI API 类别 – 交互
18.jQuery UI API 类别 – 特效核心
19.jQuery UI API 类别 – 特效
20.jQuery UI API 文档
21.jQuery UI API – 颜色动画（Color Animation）
22.jQuery UI API – 剪辑特效（Clip Effect）
23.jQuery UI API – 反弹特效（Bounce Effect）
24.jQuery UI API – 百叶窗特效（Blind Effect）
25.jQuery UI API – .addClass()
26.jQuery UI 实例
27.jQuery UI API 类别 – 小部件
28.jQuery UI API 类别 – 实用工具
29.jQuery UI API – 跳动特效（Pulsate Effect）
30.jQuery UI API – 膨胀特效（Puff Effect）
31.jQuery UI API – 突出特效（Highlight Effect）
32.jQuery UI API – .hide()
33.jQuery UI API – 折叠特效（Fold Effect）
34.jQuery UI API – 淡入淡出特效（Fade Effect）
35.jQuery UI API – 爆炸特效（Explode Effect）
36.jQuery UI API – .effect()
37.jQuery UI API – Easings
38.jQuery UI API – 降落特效（Drop Effect）
39.jQuery UI API – 转移特效（Transfer Effect）
40.jQuery UI API – .toggleClass()
41.jQuery UI API – .toggle()
42.jQuery UI API – .switchClass()
43.jQuery UI API – 滑动特效（Slide Effect）
44.jQuery UI API – 尺寸特效（Size Effect）
45.jQuery UI API – .show()
46.jQuery UI API – 震动特效（Shake Effect）
47.jQuery UI API – 缩放特效（Scale Effect）
48.jQuery UI API – .removeClass()
49.jQuery UI API – 可放置小部件（Droppable Widget）
50.jQuery UI API – 可拖拽小部件（Draggable Widget）
51.jQuery UI API – .enableSelection()
52.jQuery UI API – .disableSelection()
53.jQuery UI API – .position()
54.jQuery UI API – .focus()
55.jQuery UI API – 可排序小部件（Sortable Widget）
56.jQuery UI API – 可选择小部件（Selectable Widget）
57.jQuery UI API – 可调整尺寸小部件（Resizable Widget）
58.jQuery UI API – 鼠标交互（Mouse Interaction）
59.jQuery UI API – 堆叠元素（Stacking Elements）
60.jQuery UI API – 图标（Icons）
61.jQuery UI API – CSS 框架（CSS Framework）
62.jQuery UI API – :tabbable Selector
63.jQuery UI API – :focusable Selector
64.jQuery UI API – :data() Selector
65.jQuery UI API – .zIndex()
66.jQuery UI API – .uniqueId()
67.jQuery UI API – .scrollParent()
68.jQuery UI API – .removeUniqueId()
69.jQuery UI API – 插件桥（Widget Plugin Bridge）
70.jQuery UI API – 部件库（Widget Factory）
71.jQuery UI API – jQuery.ui.keyCode
72.jQuery UI API – 滑块部件（Slider Widget）
73.jQuery UI API – 进度条部件（Progressbar Widget）
74.jQuery UI API – 菜单部件（Menu Widget）
75.jQuery UI API – 对话框部件（Dialog Widget）
76.jQuery UI API – 日期选择器部件（Datepicker Widget）
77.jQuery UI API – 按钮部件（Button Widget）
78.jQuery UI API – 自动完成部件（Autocomplete Widget）
79.jQuery UI API – 折叠面板部件（Accordion Widget）
80.jQuery UI API – 工具提示框部件（Tooltip Widget）
81.jQuery UI API – 标签页部件（Tabs Widget）
82.jQuery UI API – 旋转器部件（Spinner Widget）
83.jQuery UI 实例 – 缩放（Resizable）
84.jQuery UI 实例 – 放置（Droppable）
85.jQuery UI 实例 – 拖动（Draggable）
86.jQuery UI 实例 – 滑块（Slider）
87.jQuery UI 实例 – 进度条（Progressbar）
88.jQuery UI 实例 – 菜单（Menu）
89.jQuery UI 实例 – 对话框（Dialog）
90.jQuery UI 实例 – 日期选择器（Datepicker）
91.jQuery UI 实例 – 按钮（Button）
92.jQuery UI 实例 – 自动完成（Autocomplete）
93.jQuery UI 实例 – 折叠面板（Accordion）
94.jQuery UI 实例 – 排序（Sortable）
95.jQuery UI 实例 – 选择（Selectable）
96.jQuery UI 实例 – 切换 Class（Toggle Class）
97.jQuery UI 实例 – 移除 Class（Remove Class）
98.jQuery UI 实例 – 添加 Class（Add Class）
99.jQuery UI 实例 – 切换（Toggle）
100.jQuery UI 实例 – 隐藏（Hide）