什么是jQuery UI?
jQuery UI是一个基于jQuery JavaScript的组件库,您可以使用它们来构建高度交互的web应用程序。
下载jQuery UI
Step1:选择需要下载的组件
image.png
Step2:选择主题
可以选择提供的样式,也可以自己设计
Step3:选择版本
点击下载,得到一个定制的压缩包
如何在网页上使用jQuery UI?
<link rel="stylesheet" href="jquery-ui.min.css">
<script src="external/jquery/jquery.js"></script>
<script src="jquery-ui.min.js"></script>
一旦引入了这三个文件,便可以使用jQuery的组件,例如使用datepicker组件:
HTML:
<input type="text" name="date" id="date">
JavaScript:
<script >
$(function () {
$( "#date" ).datepicker()
});
</script>
ex-datepicker[1].png
就是这么简单
网友评论