jQuery【 jQuery UI 】widget 一覧

jQuery UI を利用する際に 重要な役割を担うのが widget（ ウィジェット ）です。
今回は、jQuery UI の widget について纏めてみます。

目次

　
１．widget とは
２．widget 一覧

１．widget とは

　
jQuery UI の widget（ ウィジェット ）は、ダイアログ等のコントロールを作成するために予め用意されているキットのようなイメージです。

widget の他にも、jQuery UI で予め用意されているものに interactions（ インタラクション ）や effects（ エフェクト ）があります。

interactions（ インタラクション ）
マウスベースの対話性を実現 ・draggable：要素のドラッグ機能を実現 ・droppable：要素のドロップ機能を実現 ・resizable：要素のリサイズを実現 ・selectable：複数要素を選択可能にする ・sortable：要素のソート機能を実現
effects（ エフェクト ）
アニメーション効果が定義される等 jQuery で提供される effects 機能の上位機能を提供 ・color animation：色を変化させる ・toggle class、add class、remove class、switch class：スタイルを変化させる ・effect：各エフェクトを定義(blind、fade、slide等) ・toggle：エフェクトの切り替え ・hide、show：以上のエフェクト使用する
widget（ ウィジェット ）
コントロールを作成 ・accordion ・autocomplete ・button ・datepicker ・dialog ・menu ・progressbar ・slider ・spinner ・tabs ・tooltip

▲目次へ戻る

２．widget 一覧

　
主な widget は以下の通りです。
サンプルのコード等については、表中の各 widget 名をクリックして遷移先のページをご参照下さい。

▲目次へ戻る