jQuery UI API 1.8.4 日本語リファレンス
jQuery UI API 1.8.6 の日本語リファレンスです。
ソースコードを読み、jQuery UI(公式サイト)のドキュメントを参考に解説しました。
また、全ての解説に、実際に実行できるサンプルを付けました。
jQuery UI
jQuery UIとは
jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。
jQuery UIの構成
jQuery UI 1.8.6 は、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。
それぞれ、次の機能が提供されています。
インタラクション
対話型ユーザインターフェースを構築するためのライブラリ
ライブラリ | 説明 | 対応ファイル |
Draggable | 要素をドラッグできるようにする | jquery.ui.draggable.js |
Droppable | Draggableな要素をドロップできるようにする | jquery.ui.droppable.js |
Resizable | 要素の大きさをマウスで変更できるようにする | jquery.ui.resizable.js |
Selectable | 要素をマウスで選択できるようにする | jquery.ui.selectable.js |
Sortable | 要素をマウスでドラッグして、入れ替えられるようにする | jquery.ui.sortable.js |
ウィジェット
高機能なコンポーネントライブラリ
ライブラリ | 説明 | 対応ファイル |
Accordion | 折りたたみ可能な領域をサポートするウィジェット | jquery.ui.accordion.js |
Autocomplete | 自動補完ウィジェット | jquery.ui.autocomplete.js |
Button | ボタンウィジェット | jquery.ui.button |
Datepicker | 日付選択のためのウィジェット | jquery.ui.datepicker.js |
Dialog | 高機能なダイアログウィジェット | jquery.ui.dialog.js |
Progressbar | 処理の進捗状況を視覚的に表示するプログレスバーウィジェット | jquery.ui.progressbar.js |
Slider | スライダーウィジェット | jquery.ui.slider.js |
Tabs | タブ機能を提供するウィジェット | jquery.ui.tabs.js |
ユーティリティ
UIのための低レベルユーティリティ
ビジュアル効果
様々なビジュアル効果を提供するライブラリ
ライブラリ | 説明 | 対応ファイル |
Blind | 上下もしくは左右に表示・非表示をする | jquery.effects.blind.js |
Bounce | バウンドさせる | jquery.effects.bounce.js |
Clip | 中央に向かって表示・非表示をする | jquery.effects.clip.js |
Drop | 外側に向かって移動しながらフェードアウト、もしくは、外側から移動しながらフェードインする | jquery.effects.drop.js |
Explode | 爆発するようにフェードイン・アウトする | jquery.effects.explode.js |
Fold | 折りたたむように表示・非表示をする | jquery.effects.fold.js |
Highlight | 別の背景色へフェードする | jquery.effects.highlight.js |
Pulsate | 透明度を一定間隔で変更する | jquery.effects.pulsate.js |
Scale | 指定した割合に拡大・縮小する | jquery.effects.scale.js |
Size | 指定した大きさに拡大・縮小する | jquery.effects.scale.js |
Shake | 振動させる | jquery.effects.shake.js |
Slide | 外側へ滑るように非表示にする、もしくは、外側から滑るように表示する | jquery.effects.slide.js |
Transfer | 要素の外枠を、別の要素の外枠に移動するような視覚効果 | jquery.effects.transfer.js |
関連サイト
|