首页 > 编程笔记 > Web笔记 > jQuery插件开发

jQuery插件简介

说起 jQuery 插件,很多小伙伴都以为是什么很难学的知识。其实很多时候,晦涩的术语都是用来吓唬人的。jQuery 插件,其实非常简单。一个 jQuery 插件,你可以把它理解成是使用 jQuery 来封装的一个功能或特效。对,就是这么简单。

一般来说,每一个 jQuery 插件都是放到独立的一个文件中的。我们常说的引入一个 jQuery 插件,其实就是引入一个外部 JavaScript 文件。

语法:

<script src="jquery-1.12.4.min.js"></script>
<script src="jquery.[插件名].min.js"></script>

引入的 jQuery 插件必须要放到 jQuery 库文件的下面,不然 jQuery 插件就无法生效。道理很简单,因为 jQuery 插件就是使用 jQuery 的语法来编写的。

像下面这种方式就是错误的,很多初学者容易犯这种简单的错误,大家要特别注意。

<script src="jquery.[插件名].min.js"></script>
<script src="jquery-1.12.4.min.js"></script>

那么就有小伙伴问了:“为什么要使用 jQuery 插件呢?我们自己使用 jQuery 来编写不是一样可以吗?”当然可以自己编写。不过在实际开发的时候,如果什么功能都自己写,就太花费时间和精力了。

jQuery 插件使得我们可以直接使用别人封装好的功能,只要引入相应的插件文件,通过简单的几步就可以轻松使用相应的功能了。很多时候,jQuery 插件可以大大减轻我们的工作量。

不过还要说明的是,jQuery 插件虽然好用,但是不要一味地只用 jQuery 插件。因为每一个 jQuery 插件就是一个 JavaScript 文件,每次使用都会引发一次 HTTP 请求。此外 jQuery 插件本身冗余代码很多,会严重影响页面的加载速度。因此在实际开发中,我们要坚持一个原则:能自己开发的,尽量不要用 jQuery 插件,除非这个功能很难或者工作量太大。

最后,我们总结一下 jQuery 插件的特点,有以下两点:

所有教程

优秀文章