在《jQuery UI 中文參考手冊》中，jQuery UI 是建立在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。無論您是創(chuàng)建高度交互的 Web 應用程序還是僅僅向窗體控件添加一個日期選擇器，jQuery UI 都是一個完美的選擇。 jQuery UI 包含了許多維持狀態(tài)的小部件（Widget），因此，它與典型的 jQuery 插件使用模式略有不同。

jQuery UI是一套JavaScript?庫，提供抽象化、可自定義主題的GUI控件與動畫效果?；趈Query?JavaScript庫，可用來建構交互式的互聯(lián)網(wǎng)應用程序。在2007年9月約翰·雷西格于jquery.com博客里的一篇文章里正式公諸于世。最新的版本需要jQuery?2.1.1或更新的版本。

提示：在開始學習?jQuery UI之前，您需要具備HTML、CSS、JavaScript基礎知識。

jQuery UI的優(yōu)缺點：

優(yōu)點：

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

2、輕便快捷，組件間相對獨立，可按需加載，避免浪費帶寬拖慢網(wǎng)頁打開速度。

3、標準先進，支持 WAI-ARIA，通過標準 XHTML 代碼提供漸進增強，保證低端環(huán)境可訪問性。

4、強力支持，Google 為發(fā)布代碼提供 CDN 內(nèi)容分發(fā)網(wǎng)絡支持。

缺點：

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

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

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

提示：我們的jQuery?UI教程將幫助您逐步學習如何掌握并使用jQuery?UI，如果你有任何疑問，請前往PHP中文網(wǎng)jQuery?UI社區(qū)提出你的問題，會有熱心網(wǎng)友為你解答。

jQuery UI功能

以1.9.0版本為例。

交互

• 拖曳（Draggable）–讓元素可以用鼠標拖曳。

• 拖放（Droppable）–讓控件可以接受其他拖曳進來的元素。

• 調(diào)整大?。≧esizable）–讓元素可以調(diào)整大小。

• 選?。⊿electable）–提供高級的大量元素選擇功能。

• 排序（Sortable）–讓列表可以更容易排序。

控件

• jQuery UI的所有控件都能自定義主題樣式。

• 手風琴式菜單（Accordion）–如手風琴般可伸縮的控件。

• 自動完成（Autocomplete）–根據(jù)用戶的輸入來自動完成文字欄。

• 按鈕（Button）–增強按鈕外觀，將單選與復選控件轉變成按鈕型式。

• 日期選擇器（Datepicker）–高級的日期選擇工具。

• 對話框（Dialog） –在頁面最上層顯示對話框。

• 菜單（Menu） - 顯示多層次結構式的菜單。

• 進度條（Progressbar） –動態(tài)與靜態(tài)的進度指示條。

• 滑動條（Slider）–完全可以自定義的滑動條與各種功能。

• 微調(diào)選擇器（Spinner） - 上下控制的數(shù)字微調(diào)輸入欄。

• 頁簽（Tabs）–頁簽切換控件，可以內(nèi)嵌或動態(tài)加載內(nèi)容。

• 工具提示（Tooltip） - 彈出式提示框。

效果

• 顏色動畫（Color Animation）–產(chǎn)生顏色轉變的動畫效果。

• 切換Class、新增Class、移除Class、開關Class –讓頁面上元素樣式轉變時有動畫效果。

• 效果（Effects）–各種效果（顯示、下拉、爆炸、淡入等等）。

• 切換（Toggle）–切換效果開關。

• 隱藏、顯示 - 使用上述的效果。

工具

位置（Position） –根據(jù)另一個元素來設置目標元素的位置（對齊）。

本jQuery UI教程手冊涵蓋的內(nèi)容

本jQuery UI教程手冊涵蓋所有jQuery UI初級到高級知識，包含了jQuery UI入門、jQuery UI主、jQuery UI部件庫等知識。

提示：本教程的每一章都包含了很多jQuery UI實例，您可以直接點擊?"運行實例"?按鈕在線查看結果或者直接使用在線編輯器進行測試。這些例子將幫助您更好地理解和使用jQuery UI。

其它jQuery UI相關學習參考資源

除了本頁面右側的知識拓展，還為大家精選了以下資源

• 獨孤九賤(6)_jQuery視頻教程