如何使用JQueryUI插件库

下载JQuery.UI.js

官网地址：https://jqueryui.com/download/

注意：如下载1.13.0版本的JQuery.UI.js，需要JQuery版本大于等于1.8.
选好之后直接拉到最下面点击download即可

使用JQuery.UI.js

0、复制元素
1、引入JQuery
2、引入JQueryUI
3、引入css样式
4、调用方法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="js/jquery-1.12.3.js"></script><!--1、引入JQuery--><script src="js/jquery-ui.min.js"></script><!--2、引入JQueryUI--><link href="css/jquery-ui.min.css" rel="stylesheet"><!--3、引入css样式--><script>$(function () {$("#accordion").accordion();//4、调用方法})</script>
</head>
<body><!--0、复制元素-->
<!-- Accordion -->
<h2 class="demoHeaders">Accordion</h2>
<div id="accordion"><h3>First</h3><div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div><h3>Second</h3><div>Phasellus mattis tincidunt nibh.</div><h3>Third</h3><div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
</body>
</html>

效果

如何使用JQueryUI插件库相关推荐

开源造轮子：一个简洁，高效，轻量级，酷炫的不要不要的canvas粒子运动插件库...
一:开篇哈哈哈,感谢标题党的莅临~ 虽然标题有点夸张的感觉,但实际上,插件库确实是简洁,高效,轻量级,酷炫酷炫的咯.废话不多说,先来看个标配例子吧: (codepen在线演示编辑:http://co ...
51 jQuery插件库
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.jQuery插件 jQuery功能比较有限,想要更复杂的特效功能,可以借助于jQuer ...
dts插件 foobar pan baidu_SU插件插件库安装教程
插件下载 [名称]:SketchUP插件-插件库 [大小]:219.7 MB [语言]:简体中文 [安装环境]:Win7/Win8/Win10 [支持版本]:SketchUP2014-2019 [32 ...
骚操作：利用强弱符号制作插件库
当有强符号和弱符号时,选择使用强符号那么我们正可以利用这个原则做以下事情: 定义为弱符号,如果是弱符号,使用默认行为如果链接了库,是强符号,则使用外部定义行为以此来实现一个类似插件的功能.通俗一 ...
用laravel dingo api插件库创建api的一些心得笔记
用laravel创建api是很多大型项目正在使用的方法,一般他们都是用dingo api插件库来开发自己的api.以下是ytkah用dingo api的一些心得,有需要的朋友可以关注一下 1.安装因 ...
ionic3.0--angular4.0 引入第三方插件库的方法
ionic3.0 引入第三方插件 (swiper),方法很多,现详细说明下官方推荐(typings)做法. 1.全局安装Typings 1. npm install -g typings 2.搜索你 ...
Emacs进阶之使用Mepla插件库及有道翻译安装
1.下载配置Melpa插件库 # emacs ~/.emacs添加 ;;**************************************************************** ...
idea从插件市场或者外部插件库导入插件的方式
我们平时在使用idea进行开发时,会用到一些插件来辅助开发或增强某些功能.选好合适的插件能帮助我们提高开发效率,事半功倍. 以下提供从idea内部自带的插件市场下载插件和从idea外置插件库导入插件的 ...
IDEA的插件，IDEA强大的插件库
今天介绍一下IDEA的一些炫酷的插件,IDEA强大的插件库,不仅能给我们带来一些开发的便捷,还能体现我们的与众不同. 1.插件的安装打开setting文件选择Plugins选项 Ctrl + Alt ...
IntelliJ IDEA 插件库设置
官方插件库: https://plugins.jetbrains.com/idea File>Settings>Plugins 填上官方插件库地址保存即可再回来搜索,有结果了

如何使用JQueryUI插件库

下载JQuery.UI.js

使用JQuery.UI.js

效果

如何使用JQueryUI插件库相关推荐

最新文章

热门文章