jQuery UI 實例

交互（Interactions）

交互（Interactions）向任何元素添加基本的基于鼠標的行為。您可以只通過短短的幾行代碼即可創建排序列表、縮放元素、拖放行為等等。交互（Interactions）也作用于更復雜的小部件和應用程序。

• 拖動（Draggable）
• 放置（Droppable）
• 縮放（Resizable）
• 選擇（Selectable）
• 排序（Sortable）

小部件（Widgets）

小部件（Widgets）有功能齊全的 UI 控件，使桌面應用程序也具備 Web 應用程序一樣豐富的功能。所有的小部件（Widgets）提供了一個核心，帶有定制行為的大量擴展以及完整的主題支持。

• 折疊面板（Accordion）
• 自動完成（Autocomplete）
• 按鈕（Button）
• 日期選擇器（Datepicker）
• 對話框（Dialog）
• 菜單（Menu）
• 進度條（Progressbar）
• 滑塊（Slider）
• 旋轉器（Spinner）
• 標簽頁（Tabs）
• 工具提示框（Tooltip）

特效（Effects）

特效（Effects）支持顏色動畫和 Class 轉換，同時也提供了一些額外的 Easings。另外，提供了一套完整的定制特效，供顯示和隱藏元素時或者只是添加一些視覺顯示時使用。

• 特效（Effect）
• 可見性（Visibility）
  • 顯示（Show）
  • 隱藏（Hide）
  • 切換（Toggle）
• Class 動畫（Class Animation）
  • 添加 Class（Add Class）
  • 移除 Class（Remove Class）
  • 切換 Class（Toggle Class）
  • 轉換 Class（Switch Class）
• 顏色動畫（Color Animation）

實用工具（Utilities）

jQuery UI 使用實體工具（Utilities）來創建交互（interactions）和小部件（widgets）。

• 定位（Position）
• 部件庫（Widget Factory）