一: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查看學習)