jQuery UI 实例
jQuery UI 教程
· 2019-04-04 19:57:50
jQuery UI 提供了一组用户界面交互、特效、小部件、实用工具及主题。通过实例演示、查看源代码、创建主题、阅读API 文档，开始学习使用 jQuery UI。
交互（Interactions）
交互（Interactions）向任何元素添加基本的基于鼠标的行为。您可以只通过短短的几行代码即可创建排序列表、缩放元素、拖放行为等等。交互（Interactions）也作用于更复杂的小部件和应用程序。
- 拖动（Draggable）
- 放置（Droppable）
- 缩放（Resizable）
- 选择（Selectable）
- 排序（Sortable）
小部件（Widgets）
小部件（Widgets）有功能齐全的 UI 控件，使桌面应用程序也具备 Web 应用程序一样丰富的功能。所有的小部件（Widgets）提供了一个核心，带有定制行为的大量扩展以及完整的主题支持。
- 折叠面板（Accordion）
- 自动完成（Autocomplete）
- 按钮（Button）
- 日期选择器（Datepicker）
- 对话框（Dialog）
- 码单（Menu）
- 进度条（Progressbar）
- 滑块（Slider）
- 旋转器（Spinner）
- 标签页（Tabs）
- 工具提示框（Tooltip）
特效（Effects）
特效（Effects）支持颜色动画和 Class 转换，同时也提供了一些额外的 Easings。另外，提供了一套完整的定制特效，供显示和隐藏元素时或者只是添加一些视觉显示时使用。
- 特效（Effect）
- 可见性（Visibility）
- 显示（Show）
- 隐藏（Hide）
- 切换（Toggle）
- Class 动画（Class Animation）
- 添加 Class（Add Class）
- 移除 Class（Remove Class）
- 切换 Class（Toggle Class）
- 转换 Class（Switch Class）
- 颜色动画（Color Animation）
实用工具（Utilities）
jQuery UI 使用实体工具（Utilities）来创建交互（interactions）和小部件（widgets）。
- 定位（Position）
- 部件库（Widget Factory）
点击查看所有 jQuery UI 教程 文章: https://www.codercto.com/courses/l/41.html
