📜  jQuery UI 介绍

📅  最后修改于: 2021-11-25 03:10:36             🧑  作者: Mango

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:用于设置元素的位置。