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
DroppableDraggableな要素をドロップできるようにする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のための低レベルユーティリティ

Position位置関連のユーティリティnone

ビジュアル効果

様々なビジュアル効果を提供するライブラリ

ライブラリ説明対応ファイル
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

関連サイト