jQuery UI简介

罗毅
2023-12-01

jQuery UI的简介
1、jQuery UI 是以jQuery为基础的JavaScript网页用户界面的开源库,包含底层用户交互,动画、特效和可更换主题的可是控件。我们可以直接用它来构建具有很好交互性额web应用程序
2、jQuery UI包含了许多维持状态的小部件(widget),因此特于典型的jQuery插件使用模式略有不同。所有的jQuery UI小部件(widget)使用相同的模式
3、jQuery UI
IE6.0+ Firefox3+ Safari 3.1+ Opera 9.6+ he Google Chrme
4、jQuery UI主要分为3个部分:交互、小部件和效果库
a、)交互
交互部件是一些与鼠标交互相关的内容,包括Draggable、Droppable、Resizable、Selectable和Sortable 等
b、)小部件
主要是一些界面的扩展,包括AutoComplete、ColorPicker、Dialog、Silder、Tabs、ProgressBar、Spinner等
c、)效果库
用于提供丰富的动画效果。包括Add Class、Color Animation、Toggle等
官网 jqueryui.com

jQuery UI的下载
打开官网—点击下载
主要使用的文件有两个
jquery-ui.min.js
jquery-ui.min.css
jQuery UI的使用
在HTML文件中引入jQueryUI 注意引入的顺序

 <script src="jquery-3.3.1.js"></script>
 <script src="jquery-ui.min.js"></script>
 <script src="app.js"></script>
 <link href="jquery-ui.min.css">

使用方法 以button为例
是用a标签引入的同时使用.button()方法
其他阅读官方API即可

 类似资料: