jQuery UI

jQuery UI 是以 jQuery 為基礎的開源 JavaScript 網頁用戶界面代碼庫。包含底層用戶互動、動畫、特效和可更換主題的可視控制項。我們可以直接用它來構建具有很好互動性的web應用程式。所有外掛程式測試能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。

基本介紹

  • 中文名:jQuery UI
  • 外文名:jQuery UI
  • 基礎: jQuery 
  • 特點:開源
簡介,組件構成,互動,微件,效果庫,其它,版本,jQuery UI 特性,

簡介

Jquery UIJquery UI
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 等成熟產品,可用控制項較少,無法滿足複雜界面功能要求。

相關詞條

熱門詞條

聯絡我們