jQuery UI是以 jQuery 爲基礎的開源 JavaScript 網頁用戶界面代碼庫。包含底層用戶交互、動畫、特效和可更換主題的可視控件。咱們能夠直接用它來構建具備很好交互性的web應用程序。全部插件測試能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。jquery
簡介web
jQuery UI包含了許多維持狀態的小部件(Widget),所以,它與典型的 jQuery 插件使用模式略有不一樣。全部的 jQuery UI 小部件使用相同的模式,因此,只要您學會使用其中一個,您就知道如何使用其餘的小部件。ide
組件構成學習
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
更多精品課程點擊:阿里雲大學