jquery ui

jQuery UI 简介

jQuery UI 是基于 jQuery 的官方用户界面库，提供了一套交互功能、小部件（Widgets）和动画效果，用于快速构建现代化的 Web 应用界面。其核心特点包括：

• 交互组件：如拖拽（Draggable）、放置（Droppable）、排序（Sortable）等。
• 小部件：如日期选择器（Datepicker）、对话框（Dialog）、进度条（Progressbar）等。
• 主题系统：支持通过 ThemeRoller 自定义视觉样式。

核心功能与用法

基础引入

需先加载 jQuery 和 jQuery UI 的库文件：

<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">  
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>  
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>  

常用组件示例

1. 日期选择器（Datepicker）

   $("#datepicker").datepicker();

2. 对话框（Dialog）

   

   $("#dialog").dialog({ autoOpen: false });  
   $("#open-dialog").click(function() { $("#dialog").dialog("open"); });  

3. 拖拽（Draggable）

   $("#draggable").draggable();

主题定制

通过 ThemeRoller 可自定义主题颜色和样式，生成对应的 CSS 文件替换默认主题。

注意事项

• 版本兼容性：jQuery UI 需与对应版本的 jQuery 配合使用（如 jQuery UI 1.13.x 需 jQuery 3.6.0+）。
• 性能优化：按需加载组件，避免引入完整库。

如需进一步功能或问题排查，可参考 官方文档。