複製鏈接
請複製以下鏈接發送給好友

jQuery UI

鎖定
jQuery UI [1]  是以 jQuery 為基礎的開源 JavaScript 網頁用户界面代碼庫。包含底層用户交互、動畫、特效和可更換主題的可視控件。我們可以直接用它來構建具有很好交互性的web應用程序。所有插件測試能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。
中文名
jQuery UI
外文名
jQuery UI
基    礎
jQuery
特    點
開源

jQuery UI簡介

jQuery UI [1]  包含了許多維持狀態的小部件(Widget),因此,它與典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您學會使用其中一個,您就知道如何使用其他的小部件(Widget)。

jQuery UI組件構成

jQuery UI 主要分為3個部分:交互、微件和效果庫。

jQuery UI交互

交互部件是一些與鼠標交互相關的內容,包括Draggable,Droppable,Resizable,Selectable和Sortable等。

jQuery UI微件

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

jQuery UI效果庫

用於提供豐富的動畫效果,讓動畫不再侷限於jQuery的animate()方法。

jQuery UI其它

jQuery UI實際上是jQuery插件,專指由jQuery官方維護的UI方向的插件
jQuery UI 與 jquery 的主要區別是:
(1) jQuery是一個js庫,主要提供的功能是選擇器,屬性修改和事件綁定等等。
(2) jQuery UI則是在jQuery的基礎上,利用jQuery的擴展性,設計的插件。提供了一些常用的界面元素,諸如對話框、拖動行為、改變大小行為等等。

jQuery UI版本

jQuery UI 1.9.2 發佈,這是 jQuery UI 1.9的第二個維護版本,修復了包括: Accordion, Autocomplete, Button, Datepicker, Dialog, Menu, Tabs, Tooltip and Widget Factory 等多個組件的 bug。

jQuery UIjQuery UI 特性

簡單易用 [1] 
繼承 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 等成熟產品,可用控件較少,無法滿足複雜界面功能要求。
參考資料