### jQuery UI

### jQuery UIの使い方

jQuery UIの動作に必要なライブラリ／スタイルシートは、jQuery本家のCDNで提供されています。

準備が不要という意味でも、レスポンスに優れるという意味でも、一般的には、まずはこちらを利用するのが便利です。
CDNを利用するには、リストXXのようなコードをページに含めるだけです。

link要素の太字は、テーマ名を表しています。ここでは、ui-lightnessというテーマを選択していますが、その他にも表XXのようなテーマを利用できます。

### jQuery UIをオフラインで利用する

jQuery UIをオフライン環境で動作することもできます。この場合は、jQueryの本家サイト（http://jquery.com/）からjQueryを、jQuery UIの本家サイト（http://jqueryui.com/download/）からjQuery UIのライブラリ／スタイルシートをそれぞれダウンロードしてください。
jQuery UIのダウンロードページでは利用する機能に応じて、組み込むコードを絞り込むこともできます。
慣れないうちは、まずはすべての機能にチェックを入れておいて問題ありません。
また、使用するデザインもページ下のThemeから選択できます。

### オートコンプリートの基本

AutoCompleteは、テキストボックスにオートコンプリート機能を実装するためのウィジェットです。
最初の何文字かを入力することで、あらかじめ用意しておいた候補リストから合致する単語をリスト表示します。

### リスト選択時の処理をカスタマイズする

jQuery UIでは、それぞれ独自のイベントを公開しており、ウィジェットの動作に応じてアプリ固有の処理をさしはさむことができます。
たとえばAutoCompleteウィジェットであれば、open、close、selectなどのイベントを公開していますので、候補リストを表示／非表示にしたタイミングや、リストを選択したタイミングでの処理を追加できます。

### おわり