jquery-ui
jQuery UI 简介
jQuery UI 是一个基于 jQuery 的交互式用户界面组件库，提供拖放、排序、动画、对话框、日期选择器等常见功能。它通过模块化设计简化了前端开发，适用于构建动态网页和应用程序。
核心功能
- 交互组件：如拖拽（Draggable）、放置（Droppable）、缩放（Resizable）、排序（Sortable）。
- 小部件（Widgets）：包括日期选择器（Datepicker）、进度条（Progressbar）、对话框（Dialog）、自动完成（Autocomplete）等。
- 效果增强：扩展了 jQuery 的动画效果，如颜色动画（Color Animation）、显示隐藏（Show/Hide）等。
安装与使用
通过 CDN 引入：
<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> npm 安装：
npm install jquery-ui-dist --save示例代码
日期选择器（Datepicker）：
<input type="text" id="datepicker">
<script>
$(function() {
$("#datepicker").datepicker();
});
</script> 拖拽功能（Draggable）：
<div id="draggable" style="width: 100px; height: 100px; background: #ccc;">拖拽我</div>
<script>
$(function() {
$("#draggable").draggable();
});
</script> 主题定制
jQuery UI 支持通过 ThemeRoller 自定义主题，可调整颜色、字体和样式，生成定制化的 CSS 文件。
兼容性与依赖
- 需要 jQuery 1.7+ 版本支持。
- 兼容现代浏览器（Chrome、Firefox、Edge）及 IE9+。
官方资源
- 官网：jqueryui.com
- 文档：API Documentation
- GitHub：jquery/ui
通过上述方法，可以快速集成 jQuery UI 并利用其组件提升用户交互体验。
