| 分類 | コンポーネント名 | 概要 |
|---|---|---|
| Interactions | Draggable | ドラッグ可能な要素を定義 |
| Droppable | ドロップ可能な要素を定義 | |
| Resizable | サイズ変更可能な要素を定義 | |
| Selectable | マウス操作で選択可能な要素を定義 | |
| Sortable | 並べ替え可能な要素を定義 | |
| Widgets | Accordion | アコーディオン・パネル |
| Autocomplete | オート・コンプリート機能付きのテキストボックスを生成 | |
| Button | ボタンやリンク、ラジオボタンなどからボタンを生成 | |
| Datepicker | 日付入力ボックスを生成 | |
| Dialog | 汎用的なダイアログを生成 | |
| Menu | 展開可能なリッチ・メニューを生成 | |
| Progressbar | 進捗（しんちょく）バーを生成 | |
| Slider | スライダーを生成 | |
| Spinner | アップダウン・ボタンを伴う数値入力ボックスを生成 | |
| Tabs | タブ・パネルを生成 | |
| Tooltip | ツールチップを生成 | |
| Effects | Effect | 基本的なエフェクトを提供 |
| Show／Hide／Toggle | 要素の表示／非表示にエフェクトを適用 | |
| Add／Remove／Toggle／Switch Class | スタイル・クラスの適用／解除にエフェクトを適用 | |
| Color Animation | 色を徐々に変化させるエフェクトを提供 |
DatePickerウィジェットで日付選択ボックスを作成するには？
日付選択ボックスを実装するためのjQuery UIウィジェット「DatePicker」の基本的な使い方を説明。オプションにより、挙動や見栄えをさまざまにカスタマイズできる。
Tabsウィジェットでタブ・パネルを作成するには？
パネルの端に配置されたタブで内容を切り替えられるタブ・パネルを簡単に実装できる、jQuery UIのTabsウィジェットの基本的な使い方を説明する。
Buttonウィジェットでさまざまなボタンを生成するには？
＜button＞、＜input type="radio"＞、＜input type="checkbox"＞、＜input type="submit"＞、＜a＞といった要素を、一様にボタンに整形できるButtonウィジェットの基本的な使い方を説明する。
Accordionウィジェットでアコーディオン・パネルを生成するには？
タイトル部分をクリックすることでコンテンツが開閉するアコーディオン・パネルを実装できる「Accordionウィジェット」の基本的な使い方を説明する。
jQuery UIの拡張されたエフェクトを利用するには？（show／hide／toggle／effect編）
jQuery標準の各種エフェクト機能を拡張して、よりリッチな効果をシンプルなコードで実現できる、jQuery UIのエフェクト機能の基本的な使い方について紹介。
jQuery UIで拡張されたエフェクト機能を利用するには？（effect／xxxxxClass編）
jQuery標準の各種エフェクト機能を拡張して、よりリッチな効果をシンプルなコードで実現できる、jQuery UIのエフェクト機能の中から、effectメソッドで利用できるtransferエフェクト、スタイル・クラスを着脱するxxxxxClassメソッドついて紹介。
AutoCompleteウィジェットでオートコンプリート機能付きのテキストボックスを生成するには？
テキストボックスに最初の何文字かを入力すると、それにマッチする候補リストを表示するオートコンプリート機能を実現できる、AutoCompleteウィジェットの基本的な実装方法を紹介。
AutoCompleteウィジェットの検索／表示方法をカスタマイズするには？
AutoCompleteウィジェットのイベントやメソッドを利用しながら、候補リストの検索／選択時の処理をカスタマイズする方法について説明。
AutoCompleteウィジェットで候補リストをサーバーサイドから取得するには？
AutoCompleteウィジェットの候補リストをサーバーサイドで管理し、Ajax経由でそのリストを取得する方法を解説。
Selectableウィジェットで選択可能なリストを作成するには？
マウス・クリックによる単一選択や、マウス・ドラッグによる範囲選択などが実現できるSelectableウィジェットの基本的な使い方を解説。
Draggable／Droppableウィジェットでドラッグ＆ドロップ機能を実装するには？
ページ上の指定された要素をマウスでドラッグ＆ドロップできるようにするDraggable／Droppableウィジェットの基本的な使い方を解説。
