说起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插件,有以下2点。

  • (1)一个jQuery插件,就是一个外部JavaScript文件。
  • (2)jQuery插件,你可以把它看成是别人封装好的一个功能,跟函数一样,只需要调用就可以了,不需要自己去写内部逻辑。