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 開發手冊（http://click.aliyun.com/m/1000009867/）
組件構成：
jQuery UI 主要分為3個部分：交互、微件和效果庫。
- 交互
交互部件是一些與鼠標交互相關的內容，包括Draggable,Droppable,Resizable,Selectable和Sortable等。
- 微件
主要是一些界面的擴展，包括Accordion,AutoComplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Magnifier,ProgressBar,Spinner等，新版本的UI將包含更多的微件。
- 效果庫
用於提供豐富的動畫效果，讓動畫不再侷限於jQuery的animate()方法。
優點：
- 簡單易用：繼承 jQuery 簡易使用特性，提供高度抽象接口，短期改善網站易用性。
- 開源免費：採用 MIT & GPL 雙協議授權，輕鬆滿足自由產品至企業產品各種授權需求。
- 廣泛兼容：兼容各主流桌面瀏覽器。包括IE 6+、Firefox 2+、Safari 3+、Opera 9+、Chrome 1+。
- 輕便快捷：組件間相對獨立，可按需加載，避免浪費帶寬拖慢網頁打開速度。
- 標準先進：支持 WAI-ARIA，通過標準 XHTML 代碼提供漸進增強，保證低端環境可訪問性。
- 美觀多變：提供近 20 種預設主題，並可自定義多達 60 項可配置樣式規則，提供 24 種背景紋理選擇。
- 開放公開：從結構規劃到代碼編寫，全程開放，文檔、代碼、討論，人人均可參與。
- 強力支持：Google 為發佈代碼提供 CDN 內容分發網絡支持。
- 完整漢化：開發包內置包含中文在內的 40 多種語言包。
缺點：
- 1.代碼不夠健壯：缺乏全面的測試用例，部分組件 Bugs 較多，不能達到企業級產品開發要求。
- 2.構架規劃不足：組件間 API 缺乏協調，缺乏配合使用幫助。
- 3.控件較少：相對於 Dojo、YUI、Ext JS 等成熟產品，可用控件較少，無法滿足複雜界面功能要求。
更多精品課程：
阿里雲大學官網—雲生態下的創新人才工場（https://edu.aliyun.com）
分享到:
閱讀更多 阿里雲大學小百科 的文章
關鍵字: jQuery Safari JavaScript
