jQuery UI 知识点

Posted 2020-07-03 四仰八叉

jQuery UI  是以 jQuery 为基础的开源 javascript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。

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

2组件构成

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

交互

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

微件

主要是一些界面的扩展，包括Accordion,AutoComplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Magnifier,ProgressBar,Spinner等，新版本的UI将包含更多的微件。

效果库

用于提供丰富的动画效果，让动画不再局限于jQuery的animate()方法。

3其它

jQuery UI实际上是jQuery插件，专指由jQuery官方维护的UI方向的插件

jQuery UI 与 jquery 的主要区别是：

(1) jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。

(2) jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。