1分鐘看完 jQuery UI

jQuery UI簡介

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

jQuery UI組件構成

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

交互（Interactions）

交互部件是一些與鼠標交互相關的內容，包括縮放（Resizable） , 拖動（Draggable） , 放置（Droppable） , 選擇（Selectable） , 排序（Sortable）等。

小部件（Widgets）

主要是一些界面的擴展，包括摺疊面板（Accordion） , 自動完成（Autocomplete） , 按鈕（Button） , 日期選擇器（Datepicker） , 對話框（Dialog） , 菜單（Menu） , 進度條（Progressbar） , 滑塊（Slider） , 旋轉器（Spinner） , 標籤頁（Tabs） , 工具提示框（Tooltip）等，新版本的UI將包含更多的微件。

效果庫（Effects）

用於提供豐富的動畫效果，讓動畫再也不侷限於jQuery的animate()方法。包括特效（Effect） , 顯示（Show） , 隱藏（Hide） , 切換（Toggle） , 添加 Class（Add Class） , 移除 Class（Remove Class） , 切換 Class（Toggle Class） , 轉換 Class（Switch Class） , 顏色動畫（Color Animation）等。