jQuery UI知識點學習

這是一篇關於jQuery UI的文章，下面我們就與大家一起分享。

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

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

2組件構成

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

交互

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

微件

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

效果庫

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

3其它

jQuery UI實際上是jQuery插件，專指由jQuery官方維護的UI方向的插件

jQuery UI 與 jquery 的主要區別是：

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

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

以上就是我們為大家准備的jQuery UI的相關內容，希望對大家可以有所幫助。