jQuery UI 介绍

jQuery UI 是一组精心设计的用户界面交互、效果、小部件和主题，它们构建在 jQuery JavaScript 库之上。无论您是在构建高度交互的 Web 应用程序，还是只需要向表单控件添加日期选择器，jQuery UI 都是完美的选择。

特点： jQueryUI 分为四组，交互、小部件、效果、实用程序。这些将在后续章节中详细讨论。库的结构如下图所示 -

• 交互- 这些是交互式插件，如拖放、调整大小等，它们使用户能够与 DOM 元素进行交互。
• 小部件- 使用 jQuery 插件小部件，您可以创建用户界面元素，如手风琴、日期选择器等。
• 效果- 这些是建立在内部 jQuery 效果上的。它们包含一整套针对 DOM 元素的自定义动画和过渡。
• Utilities - 这些是 JqueryUI 库在内部使用的一组模块化工具。

jQuery UI 分类

1) 交互：交互是一组基于鼠标的指令，用作丰富界面和复杂小部件的构建块。这些是最常用的交互：

• 可拖动
• 可丢弃
• 可调整大小
• 可选择
• 可排序

2) 小部件：小部件是功能丰富、有状态的插件，具有完整的生命周期以及方法和事件。这些是最常用的小部件：

• 手风琴
• 自动完成
• 对话
• 按钮
• 日期选择器
• 菜单
• 进度条
• 标签
• 工具提示
• 滑块
• 纺纱机

3) 效果：内部 jQuery 效果包含一整套 DOM 元素的自定义动画和过渡。 jQuery UI 添加了对动画颜色和类转换的支持，并提供了一些额外的缓动。

• 隐藏
• 展示
• 添加班级
• 删除类
• 开关类
• 切换类
• 彩色动画
• 影响
• 切换

4) 实用程序：

• Position：用于设置元素的位置。