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

簡介

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

元件構成

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

更多精品課程點選：阿里雲大學