美文网首页前端
jQuery插件介绍及使用

jQuery插件介绍及使用

作者: 马佳乐 | 来源:发表于2022-03-15 11:01 被阅读0次

什么是插件?

插件是一个js库,用来做扩展功能的。

jQuery在线插件库
可在里面查找自己需要的插件

jQueryUI插件(jQuery user interface)

jQueryUI插件是jQuery团队自己开发的一套用户界面
jQuery UI下载官网

jQueryUI下载及使用方法

1.在浏览器进入下载官网,点击Custom Download(自定义下载),即可下载完毕。这个版本是最新版本

也可按下图步骤下载其他版本。

2.将下载完的压缩包解压后,里面文件内容如下:

可双击index.html,查看显示效果(内容还是比较全的):

3.如果想要代码实现类似手风琴折叠面板的效果,可按下面步骤操作。
选中,复制这个效果的标题

在inde.html页面,右击,选择查看页面源代码,按F3键进行搜索,在搜索栏粘贴复制的效果标题

②圈起来的内容即为该效果的HTML代码。可复制②圈起来的内容到自己的页面。(自己的页面先引入jQuery文件)
4.在源代码页面按向下键,就可找到该效果的js代码

同样,复制粗的矩形方框内容到自己的JavaScript标签中。
5.接着引入下载的jQueryUI里需要的的css文件和js文件到自己的项目(文件.后缀和文件.min.后缀的区别是文件.main.后缀经过压缩,占内存小,两种引入其一即可)
保存,就可显示目标效果:

可根据自己需要,修改HTML文件内容,使之符合需求。

下面其他效果使用方法同上。

相关文章

  • jQuery插件介绍及使用

    什么是插件? 插件是一个js库,用来做扩展功能的。 jQuery在线插件库[https://www.jq22.co...

  • 07-JQuery插件应用

    本教程主要以Jquery UI为例,简单介绍Jquery插件的使用。 使用JQuery UI提供的基本功能,需要如...

  • jquery 滚轮插件 jquery.mousewheel.js

    jquery.mousewheel插件使用 jquery中没有鼠标滚轮事件,那么可以使用jquery的滚轮事件插件...

  • cookie.js随记

    cookie: 使用jquery的插件:jquery.cookie.js库: jquery.js插件:jquer...

  • 文件上传

    1.使用jquery的 ajaxFileLoad插件 2.使用jquery-flile-uplaod插件 3.aj...

  • 插件介绍及使用—

    我们的公众号文章中有讲解过通过由 PowerShell 封装的自定义函数来发送 Windows 本地通知的功能。除...

  • jquery chosen插件使用及select常用方法

    1、chosen插件使用 chosen插件依赖于jQuery库或prototype,使用之前要先引入jQuery或...

  • jQuery日历插件开发

    在jquery的学习中,经常碰到使用jQuery插件的使用,后来想着自己应该动手写一个jQuery插件,提高自己的...

  • Jquery第一天JQ选择器及简单使用

    一、Jquery介绍及简单使用 (一) 介绍 Jquery是什么,其实就是别人封装好的方法,它把各个功能都考虑到...

  • 2018-01-12

    typescript使用jquery的步骤 1、安装jquery插件:npm install jquery --s...

网友评论

    本文标题:jQuery插件介绍及使用

    本文链接:https://www.haomeiwen.com/subject/ezcsdrtx.html