学习 jQuery UI

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

简介

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

组件构成

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

交互

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

微件

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

效果库

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

其它

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

jQuery UI 与 jquery 的主要区别是:

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

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

开始学习:学习 jQuery UI

更多精品课程点击:阿里云大学

猜你喜欢

转载自blog.csdn.net/weixin_40050195/article/details/83178238