一般来说,每一个 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 插件的特点,有以下两点:
- 一个 jQuery 插件,就是一个外部 JavaScript 文件;
- jQuery 插件,可以看成是别人封装好的一个功能,与函数一样,只需要调用就可以了,不需要自己去写内部逻辑。
原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/23893.html