上手jQuery UI

什么是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

就是这么简单