jQuery UI自学心得（使用下载、交互、小部件）

一：jQuery UI下载与使用

1、jQuery UI：

①是以jQuery为基础的JavaScript页面用户界面的开源库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。

②包含了许多维持状态的小部件（Widgets），因此它与典型的jQuery插件使用模式略有不同。所有的jQuery UI小部件使用相同的模式，所以只要学会使用其中一个，你就知道如何使用其他的小部件（Widgets）。

③jQuery UI：支持浏览器IE6.0+，Firefix3+，safari3.1+,Opera9.6+和Google Chrome.

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

⑤两个引入文件：jQuery-ui.min.js                jQuery-ui-min.css      （下载的主题不同对应的效果也会有差异）

交互：交互部件是一些与鼠标交互相关的内容，包括Draggable，Droppable，Resizable，Selectable和Sortable等。

小部件：主要是一些界面的扩展，包括AutoComplete，ColorPicker，Dialog，Slider,ProgressBar,Spinner等。

效果库：用于提供丰富的动画效果，包括Add Class, Color Animation,Toggle等。

二：jQuery UI的交互（Interactions）

draggbale（）拖动；droppable（）放置；resizeable（）缩放；selectable（）选择；sortable（）排序；

（备注：基本上选中id直接调用方法就能实现）

三：jQuery UI的小部件（Widgets）

Accordion（）折叠面板；AutoComplete（）自动补全功能；Dialog（）对话框；Datepicker（）日期选择器；

Slider（）滑块；spinner（）下拉列表；tabs（）标签页；progressbar（）进度条；menu（）菜单；

（更多方法到jQuery UI官方API查看学习）