jQuery UI自學心得(使用下載、交互、小部件)

一:jQuery UI下載與使用

1、jQuery UI

①是以jQuery爲基礎的JavaScript頁面用戶界面的開源庫。包含底層用戶交互、動畫、特效和可更換主題的可視控件。我們可以直接用它來構建具有很好交互性的web應用程序。

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

③jQuery UI:支持瀏覽器IE6.0+,Firefix3+,safari3.1+,Opera9.6+和Google Chrome.

④jQuery UI主要分爲3個部分:交互、小部件和效果庫。

⑤兩個引入文件:jQuery-ui.min.js                jQuery-ui-min.css      (下載的主題不同對應的效果也會有差異)

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

小部件:主要是一些界面的擴展,包括AutoComplete,ColorPicker,Dialog,Slider,ProgressBar,Spinner等。

效果庫:用於提供豐富的動畫效果,包括Add Class, Color Animation,Toggle等。

二:jQuery UI的交互(Interactions)

draggbale()拖動;droppable()放置;resizeable()縮放;selectable()選擇;sortable()排序;

(備註:基本上選中id直接調用方法就能實現)

三:jQuery UI的小部件(Widgets)

Accordion()摺疊面板;AutoComplete()自動補全功能;Dialog()對話框;Datepicker()日期選擇器;

Slider()滑塊;spinner()下拉列表;tabs()標籤頁;progressbar()進度條;menu()菜單;

(更多方法到jQuery UI官方API查看學習)



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章