jQuery UI 使用

jQuery UI をダウンロードすると、次のファイルを含む ZIP 圧縮ファイルが得られます：

• /css/
• /development-bundle/
• /js/
• index.html

ウェブページでの jQuery UI の使用

テキストエディターで開くと、index.htmlテーマ、jQuery、jQuery UI という外部ファイルが参照されていることがわかります。通常、jQuery UI のフォームウィジェットとインタラクションウィジェットを使用するには、ページにこれら3つのファイルを参照する必要があります：

<link rel="stylesheet" href="css/themename/jquery-ui.custom.css.html" />
<script src="js/jquery.min.js.html"></script>
<script src="js/jquery-ui.custom.min.js.html"></script>

必要なファイルを参照すると、ページに jQuery ウィジェットを追加できます。たとえば、日付選択 (datepicker) ウィジェットを作成するには、ページにテキスト入力ボックスを追加し、次に呼び出します。.datepicker()下記のようになります：

HTML:

<input type="text" name="date" id="date" />

JavaScript:

$( "#date" ).datepicker();

jQuery UI ウィジェットおよびインタラクションウィジェットの実例デモを確認するには、次のページをご覧ください：jQuery UI の実例。