jquery.ui
jQuery UI 简介
jQuery UI 是基于 jQuery 的官方用户界面交互库，提供了一系列可复用的组件（如对话框、日期选择器、拖拽功能等）和交互效果（如动画、排序等）。它是 jQuery 的官方扩展，专注于提升用户界面的交互体验。
核心功能
- 交互组件：拖拽（Draggable）、放置（Droppable）、缩放（Resizable）、排序（Sortable）等。
- 小部件（Widgets）：日期选择器（Datepicker）、进度条（Progressbar）、选项卡（Tabs）、对话框（Dialog）等。
- 效果增强：颜色动画（Color Animation）、显示/隐藏特效（Effects）等。
使用方法
1. 引入依赖
需先加载 jQuery，再加载 jQuery UI。推荐通过 CDN 引入：
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- jQuery UI -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"></script>2. 基础示例（日期选择器）
为输入框添加日期选择功能：
<input type="text" id="datepicker">
<script>
$( "#datepicker" ).datepicker();
</script>3. 拖拽功能实现
使元素可拖拽：
<div id="draggable" style="width: 100px; height: 100px; background: #ccc;">拖我</div>
<script>
$( "#draggable" ).draggable();
</script>主题定制
jQuery UI 提供主题系统，可通过 ThemeRoller 自定义样式，或直接使用预置主题（如 base、smoothness）。
兼容性与版本
- 最新稳定版为 1.13.2（截至 2023 年），支持 jQuery 3.x。
- 部分旧项目可能依赖 jQuery UI 1.12.x，需注意版本匹配。
替代方案
现代前端框架（如 React、Vue）的流行使得 jQuery UI 使用减少，但其轻量化和易用性仍适用于传统项目或快速原型开发。
如需进一步探索，可参考 官方文档。
