**jQuery UI库详解**
jQuery UI 是一个基于 jQuery JavaScript 库的开源项目，它提供了一系列丰富的交互效果、可自定义的组件以及美观的视觉效果，帮助开发者构建功能强大的、用户友好的网页应用程序。这个库旨在增强网页的用户体验，通过简单的 API 调用，开发者可以轻松实现拖放操作、日期选择器、对话框、进度条等多种功能。
**jQuery UI 的组成部分**
1. **主题（Themes）**：jQuery UI 提供了一套完整的主题系统，允许开发者选择或自定义视觉样式，确保应用程序与网站设计风格的一致性。这些主题主要由 CSS 文件组成，位于 `css` 文件夹下。
2. **JavaScript 文件**：jQuery UI 的核心功能都封装在 JavaScript 文件中。`js` 文件夹包含了库的主要 JavaScript 代码，包括开发版本和压缩版本。`development-bundle` 文件夹则包含未压缩和未合并的源文件，方便开发者调试和学习。
3. **HTML 示例**：`index.html` 是一个示例文件，展示了如何在实际项目中引入和使用 jQuery UI。它通常包含了必要的引用，如 jQuery 和 jQuery UI 的脚本文件，以及主题 CSS 文件。
**jQuery UI 主要组件**
1. **Dialog（对话框）**：jQuery UI 的 Dialog 组件可以将网页元素转化为具有标题、关闭按钮和可定制选项的模态或非模态对话框。它适用于弹出消息、确认操作或显示详细信息。
2. **DatePicker（日期选择器）**：为输入字段添加一个易于使用的日期选择界面，支持多种格式化选项和日期限制。
3. **Slider（滑块）**：创建可拖动的滑块，常用于数值选择或进度指示。
4. **Accordion（折叠面板）**：将多个段落或内容区域组织成可展开和折叠的面板，节省页面空间。
5. **Tabs（标签页）**：将内容分隔到不同的标签页中，提高页面的可读性和导航效率。
6. **Autocomplete（自动完成）**：为输入框提供实时的搜索建议，提升用户输入体验。
7. **Sortable（可排序）**：使列表或网格元素可以拖放排序，常用于创建任务列表或相册。
8. **Resizable（可调整大小）**：允许用户调整元素的尺寸，适用于需要自定义大小的元素。
9. ** draggable（可拖动）** 和 **Droppable（可放置）**：配合使用，可以实现元素的拖放操作，比如在工作区中移动元素。
**使用步骤**
1. 在 HTML 文件中引入 jQuery 和 jQuery UI 的 CSS 和 JavaScript 文件。
2. 初始化组件，如 `$( ".selector" ).dialog()` 创建一个对话框。
3. 根据需要配置组件选项，如 `autoOpen: false` 使得对话框默认关闭。
4. 使用事件监听和回调函数来响应用户的交互行为。
jQuery UI 是一个功能强大的工具集，它极大地简化了创建交互式网页界面的过程。结合其灵活的主题系统和丰富的组件，开发者可以快速构建出美观且易用的 Web 应用程序。
sds2d2012-12-05不错，可以参考。
