jQuery UI是以 jQuery 為基礎(chǔ)的開源 javascript 網(wǎng)頁用戶界面代碼庫。包含底層用戶交互、動(dòng)畫、特效和可更換主題的可視控件。我們可以直接用它來構(gòu)建具有很好交互性的web應(yīng)用程序。

一、組件構(gòu)成

jQuery UI 主要分為3個(gè)部分：交互、微件和效果庫。

交互

交互部件是一些與鼠標(biāo)交互相關(guān)的內(nèi)容，包括Draggable,Droppable,Resizable,Selectable和Sortable等。

微件

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

效果庫

用于提供豐富的動(dòng)畫效果，讓動(dòng)畫不再局限于jQuery的animate方法。

二、jQuery UI 特性

簡單易用

繼承 jQuery 簡易使用特性，提供高度抽象接口，短期改善網(wǎng)站易用性。

開源免費(fèi)

采用 MIT & GPL 雙協(xié)議授權(quán)，輕松滿足自由產(chǎn)品至企業(yè)產(chǎn)品各種授權(quán)需求。

廣泛兼容

兼容各主流桌面瀏覽器。包括IE 6+、Firefox 2+、Safari 3+、Opera 9+、Chrome 1+。

輕便快捷

組件間相對(duì)獨(dú)立，可按需加載，避免浪費(fèi)帶寬拖慢網(wǎng)頁打開速度。

標(biāo)準(zhǔn)先進(jìn)

支持 WAI-ARIA，通過標(biāo)準(zhǔn) XHTML 代碼提供漸進(jìn)增強(qiáng)，保證低端環(huán)境可訪問性。

美觀多變

提供近 20 種預(yù)設(shè)主題，并可自定義多達(dá) 60 項(xiàng)可配置樣式規(guī)則，提供 24 種背景紋理選擇。

開放公開

從結(jié)構(gòu)規(guī)劃到代碼編寫，全程開放，文檔、代碼、討論，人人均可參與。

強(qiáng)力支持

Google 為發(fā)布代碼提供 CDN 內(nèi)容分發(fā)網(wǎng)絡(luò)支持。

完整漢化

開發(fā)包內(nèi)置包含中文在內(nèi)的 40 多種語言包。

缺點(diǎn)、不足

1.代碼不夠健壯：缺乏全面的測(cè)試用例，部分組件 Bugs 較多，不能達(dá)到企業(yè)級(jí)產(chǎn)品開發(fā)要求。

2.構(gòu)架規(guī)劃不足：組件間 API 缺乏協(xié)調(diào)，缺乏配合使用幫助。

3.控件較少：相對(duì)于 Dojo、YUI、Ext JS 等成熟產(chǎn)品，可用控件較少，無法滿足復(fù)雜界面功能要求。

三、簡介

jQuery UI包含了許多維持狀態(tài)的小部件（Widget），因此，它與典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要您學(xué)會(huì)使用其中一個(gè)，您就知道如何使用其他的小部件（Widget）。

jQuery UI實(shí)際上是jQuery插件，專指由jQuery官方維護(hù)的UI方向的插件

jQuery UI 與 jquery 的主要區(qū)別是：

(1) jQuery是一個(gè)js庫，主要提供的功能是選擇器，屬性修改和事件綁定等等。

(2) jQuery UI則是在jQuery的基礎(chǔ)上，利用jQuery的擴(kuò)展性，設(shè)計(jì)的插件。提供了一些常用的界面元素，諸如對(duì)話框、拖動(dòng)行為、改變大小行為等等。