jQuery UI包含了许多维持状态的小部件（Widget），与典型的jQuery插件使用模式略有不同，所有的jQuery UI小部件使用相同的模式。

jQuery UI主要分为3个部分：交互、微件、效果库。

交互

交互部件是一些与鼠标交互相关的内容，包括缩放（Resizable）、拖动（Draggable）、放置（Droppable）、选择（Selectable）、排序（Sortable）等

小部件

主要是一些界面的扩展，包括折叠面板（According），自动完成（Autocomplete）、按钮（Button）、日期选择器（Datepicker），对话框（Dialog），菜单（Menu），进度条（Progressbar），滑块（Slider），旋转器（Spinner），标签页（Tabs），工具提示框（Tooltip）等

效果库（Effects）

提供丰富的动画效果，让动画不再局限于jQuery的animate()方法，包括特效（Effect）、显示（Show），隐藏（Hide），切换（Toggle），添加Class（Add Class），移除Class、切换Class，转换Class（Switch Class），颜色动画（Color Animation）等

网页引用

在下载的jQuery UI的压缩包中，可以打开index.html

<link rel="stylesheet" href="css/themename/jquery-ui.custom.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.custom.min.js"></script>

应用jQuery UI

制作一个日期选择器（datepicker），只需要向页面添加一个文本输入框

<input type="text" name="date" id="date" />

然后调用.datepicker()

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