新增 jQuery UI 指令碼的基本用法

要開始使用 jQuery UI 庫，你需要將 jQuery 指令碼，jQuery UI 指令碼和 jQuery UI 樣式表新增到 HTML 中。

首先，下載 jQuery UI; 在下載頁面上選擇所需的功能。解壓縮你的下載，並將 jquery-ui.css 和 jquery-ui.js（和 jquery.js）放在一個資料夾中，你可以從 HTML 中使用它們（例如，使用其他指令碼和樣式表）。

jQuery UI 依賴於 jQuery，所以記得在 jquery-ui.js 之前包含 jquery.js。

<link rel="stylesheet" href="stylesheets/jquery-ui.css">
<script src="scripts/jquery.js"></script>
<script src="scripts/jquery-ui.js"></script>

而已！ 你現在可以使用 jQuery UI。例如，使用帶有以下 HTML 的 datepicker：

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

然後使用以下 JavaScript：

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

哪個會給你一個很好的日期選擇器彈出視窗：

有關更多資訊，請參閱 官方的入門gude 。