29、jQuery UI 入门：拓展你的界面交互体验

jQuery UI 入门：拓展你的界面交互体验

在网页开发中，jQuery 已经帮助我们为表单、图像和链接添加了不少增强功能，也实现了一些简单的用户界面元素。但如果你想要构建更复杂的用户界面元素，如弹出对话框、标签面板或工具提示，jQuery UI 就是一个绝佳的选择。

1. 什么是 jQuery UI

jQuery UI（http://jqueryui.com）是一个高级的 jQuery 插件，它是 jQuery 的姊妹项目。它提供了大量的效果、用户交互和界面元素（称为小部件），大大简化了构建交互式 Web 应用程序的过程。

jQuery UI 主要由以下三个部分组成：
- 小部件（Widgets） ：是一段 JavaScript 代码，提供一个有用的界面元素。例如：
- 对话框小部件（Dialog widget） ：可以显示弹出对话框，类似于自定义的警告框，但能控制其外观和行为。可用于显示登录表单、网站条款和条件文本等。
- 日期选择器小部件（Datepicker widget） ：为访客提供了一种简单的日期选择方式，打开一个带有日历的弹出窗口，用户只需点击日历上的日期即可选择。可用于度假租赁表单或导航即将到来的活动列表。
- 交互（Interactions） ：包含一些非常有用的工具，让访客能够与网页进行交互。例如：
- 可拖动（Draggable） ：可以使页面上的任何元素可拖动，如在线购物页面中，访客可以将商品拖入购物车；或在线跳棋游