手册

jQuery UI 教程 jQuery UI 简介 jQuery UI 下载 jQuery UI 使用 jQuery UI jQuery UI 工作原理

jQuery UI 主题 jQuery UI ThemeRoller jQuery UI CSS 框架 API jQuery UI 设计主题

jQuery UI 部件库 jQuery UI 扩展小部件 jQuery UI 小部件方法调用 jQuery UI 为什么使用部件库 jQuery UI 如何使用部件库

jQuery UI 文档 API API 类别 - 特效 API 类别 - 特效核心 API 类别 - 交互 API 类别 - 方法重载 API 类别 - 方法 API 类别 - 选择器 API 类别 - 主题 API 类别 - UI 核心 API 类别 - 实用工具 API 类别 - 小部件

jQuery UI 实例

jQuery UI 实例拖动（Draggable）放置（Droppable）缩放（Resizable）选择（Selectable）排序（Sortable）折叠面板（Accordion）自动完成（Autocomplete）按钮（Button）日期选择器（Datepicker）对话框（Dialog）菜单（Menu）进度条（Progressbar）滑块（Slider）旋转器（Spinner）标签页（Tabs）工具提示框（Tooltip）特效（Effect）显示（Show）隐藏（Hide）切换（Toggle）添加 Class（Add Class）移除 Class（Remove Class）切换 Class（Toggle Class）转换 Class（Switch Class）颜色动画（Color Animation）定位（Position）部件库（Widget Factory）

首页大前端 jQuery jQuery UI 中文参考手册

jQuery UI 使用

阅读21620

更新时间2022-04-13

jQuery UI 下载

jQuery UI

一旦您下载了 jQuery UI，您将得到一个 zip 压缩包，包含下列文件：

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

在网页上使用 jQuery UI

在文本编辑器中打开 index.html，您将看到引用了一些外部文件：主题、jQuery 和 jQuery UI。通常情况下，您需要在页面中引用这三个文件，以便使用 jQuery UI 的窗体小部件和交互部件：

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

一旦您引用了这些必要的文件，您就能向您的页面添加一些 jQuery 小部件。比如，要制作一个日期选择器（datepicker）小部件，您需要向页面添加一个文本输入框，然后再调用 .datepicker()，如下所示：

HTML:

JavaScript:

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

如需查看 jQuery UI 小部件和交互部件的实例演示，请访问 jQuery UI 实例。

jQuery UI 下载

jQuery UI

RELATED VIDEOS

科技资讯

精选课程

PHP实战天龙八部之微信支付视频教程

共5课时

17.3万人学习

PHP实战天龙八部之仿爱奇艺电影网站

共49课时

77.4万人学习

前端入门_HTML5

共29课时

62万人学习

CSS视频教程-玉女心经版

共25课时

39.5万人学习

JavaScript极速入门_玉女心经系列

共43课时

71.3万人学习

独孤九贱(1)_HTML5视频教程

共25课时

61.9万人学习

独孤九贱(2)_CSS视频教程

共22课时

23.1万人学习

独孤九贱(3)_JavaScript视频教程

共28课时

34.1万人学习

独孤九贱(4)_PHP视频教程

共89课时

125.8万人学习

热门下载

phpStudy 2018最新版

下载

vc9-vc14（32+64位）运行库合集（链接在下方）

下载

VC9 32位

下载

VC11 32位

下载

php程序员工具箱完整版

下载

VC14 32位

下载

SublimeText3汉化版

下载

Notepad++7.3.1

下载

phpStudy V8.1（Win64位）（已支持php8）

下载