jQuery插件介绍及使用

什么是插件?

插件是一个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文件内容,使之符合需求。

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容