jQuery UI 教程之一入門
jQuery ui 是基于 jquery 基礎類庫開發的開源的 javascript 網頁UI代碼組件庫,包含底層用戶交互、動畫、特效和可更換主題的可視控件,我們可以直接用它來構建具有很好交互性的web應用程序。所有插件測試能兼容 IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和 Google Chrome。目前***的版本,使用 jQuery UI 前,需了解 jQuery 核心庫使用方法和 HTML、CSS、JavaScript 基礎知識,當然你應該有一定的 jquery 基礎了,你可以去看看本站的 jquery 教程
jQuery UI 踐行漸進增強原則,通過標準 HTML 代碼保證禁用 JavaScript 環境或移動設備的內容可訪問性。利用 JavaScript 代碼增強主流瀏覽器中交互特性,并兼容 WAI-ARIA 標準。各組件“綜述”頁會提供實例化各組件所需的標準 HTML 結構。
jquery ui主要包含三部分:
1.交互組件,主要包含Draggable,Droppable(拖拽組件),Resizable(可調整大小組件),Selectable(選擇組件)和Sortable(排序組件)等。這些都是要與鼠標打交道的,所以屬于交互組件。
2.微件,微件是組成頁面的一個個小組件包括Accordion,AutoComplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Magnifier,ProgressBar,Spinner等。
3.效果庫,jquery ui 的效果庫提供了更加炫酷的效果,是你的動畫效果與眾不同更加驚艷,效果庫在effect目錄
本頁面就嵌入了一個jquery ui effet效果,是不是很驚艷,下一節開始分析 jquery ui 的目錄結構,讓你想用什么效果就可以找到什么效果。你可以先看下這篇文章,下載了 jquery ui 如何使用,進行預熱。下載 jquery ui 點這里 jquery ui 下載