jQuery UI 使用

jQuery UI 使用

jQuery UI 是一个建立在 jQuery JavaScript 库之上的用户界面交互、特效、小部件和主题的库。它提供了一系列的交互组件，如拖动、排序、选择等，以及小部件，如自动完成、日期选择器、滑块等。jQuery UI 的使用可以极大地丰富网页的交互性和用户体验。本文将详细介绍如何使用 jQuery UI。

1. 引入 jQuery UI

在使用 jQuery UI 之前，首先需要在网页中引入 jQuery 和 jQuery UI 的库文件。可以从 jQuery UI 官网下载所需的文件，或者使用 CDN 链接。

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

确保在引入 jQuery UI 之前已经引入了 jQuery。

2. 使用 jQuery UI 主题

jQuery UI 提供了一系列预定义的主题，可以通过在链接标签中更改主题名称来更改主题。

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/cupertino/jquery-ui.css">