學習 jQuery UI

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

更多精品課程點擊:阿里雲大學

相關文章
相關標籤/搜索