添加 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 。