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> 常用组件示例
-
日期选择器（Datepicker）
$("#datepicker").datepicker(); -
对话框（Dialog）
$("#dialog").dialog({ autoOpen: false }); $("#open-dialog").click(function() { $("#dialog").dialog("open"); }); -
拖拽（Draggable）
$("#draggable").draggable();
主题定制
通过 ThemeRoller 可自定义主题颜色和样式，生成对应的 CSS 文件替换默认主题。
注意事项
- 版本兼容性：jQuery UI 需与对应版本的 jQuery 配合使用（如 jQuery UI 1.13.x 需 jQuery 3.6.0+）。
- 性能优化：按需加载组件，避免引入完整库。
如需进一步功能或问题排查，可参考 官方文档。
