jquery UI是什麼 - tw511教學網

jQuery UI是以jquery為基礎的開源javascript網頁使用者介面程式碼庫，包含底層使用者互動、動畫、特效和可更換主題的可視控制元件。我們可以直接用它來構建具有很好互動性的web應用程式。

環境：

本文適用於所有品牌的電腦。

（推薦教學：）

jQuery UI介紹：

jQuery UI是以 jQuery 為基礎的開源 JavaScript 網頁使用者介面程式碼庫。包含底層使用者互動、動畫、特效和可更換主題的可視控制元件。我們可以直接用它來構建具有很好互動性的web應用程式。

所有外掛測試能相容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。

元件構成：

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

互動

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

微件

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

效果庫

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

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 等成熟產品，可用控制元件較少，無法滿足複雜介面功能要求。