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

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

首先,下載 jQuery UI; 在下載頁面上選擇所需的功能。解壓縮你的下載,並將 jquery-ui.cssjquery-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();

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

StackOverflow 文件

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