美文网首页前端
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插件介绍及使用

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