簡介
jQuery UI 包含了許多維持狀態的小部件(Widget),因此,它與典型的 jQuery 外掛程式使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您學會使用其中一個,您就知道如何使用其他的小部件(Widget)。
組件構成
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 1.9.2 發布,這是 jQuery UI 1.9的第二個維護版本,修復了包括: Accordion, Autocomplete, Button, Datepicker, Dialog, Menu, Tabs, Tooltip and Widget Factory 等多個組件的 bug。
jQuery UI 特性
簡單易用
繼承 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 等成熟產品,可用控制項較少,無法滿足複雜界面功能要求。