一、下载jQuery

对于jQuery文件,我们可以到jQuery官网下载,地址是:http://jquery.com。不知道怎么下载的小伙伴也不用担心,本书源代码已经附有jQuery库文件了。大家直接下载即可。

jQuery文件有两个常用版本:一个是1.x版本;另一个是3.x版本。3.x版本是最新版本,跟1.x版本有着相同的API。1.x版本兼容IE6、IE7和IE8,但是3.x版本不再支持。不过在实际开发中,我们建议使用1.x版本,而不是3.x版本,原因有两个。

  • (1)现在很多网站还是要考虑兼容IE6~IE8;
  • (2)大多数jQuery插件不支持3.x版本,只支持1.x版本

不管是1.x版本,还是3.x版本, jQuery文件也有两种类型:

  • (1)开发版
  • (2)压缩版

下表是这两种类型的比较:

两种类型jQuery库文件的比较
类型 说明
jquery.js(开发版) 没有压缩,用于学习源码
jquery.min.js(压缩版) 高度压缩,用于实际开发

开发版是没有经过压缩的,以“jquery.js”命名,一般供给开发者来学习jQuery内部的实现原理。压缩版是经过高度压缩的,以“jquery.min.js”命名,一般供给实际开发者使用。

在实际开发中,我们一般都是使用压缩版,也就是“jquery.min.js”这种版本。压缩版经过压缩,体积小很多,这样也可以提高页面性能速度。那么小伙伴们就会问了:“为什么不用开发版呢?”其实jQuery开发版是提供给大家去学习jQuery内部原理,也就是jQuery是怎么开发出来的。这就好比你使用一个软件,此时你是软件的使用者。但是要让你来开发软件的话,自己还得掂量一下水平才行。对于初学者来说,我们暂时还是没有那个水平去研究jQuery内部原理的哈。

二、安装jQuery

jQuery文件,说白了就是一个“外部JavaScript文件”。所谓的安装jQuery,其实就是把这个外部JavaScript文件引入后,就可以使用jQuery语法了。

对于1.x版本来说,现在最新版本是jquery-1.12.4.min.js。

语法:

<script src="jquery-1.12.4.min.js"></script> <script> //你的jQuery代码 </script>

说明:

我们必须先把jQuery库文件引入,才能够使用jQuery语法。也就是说,你写的jQuery代码必须放在jQuery库文件下面才能生效。

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

<script> //你的jQuery代码 </script> <script src="jquery-1.12.4.min.js"></script>

此外,jQuery库文件的路径一定要写对。不少初学者老是发现自己写的jQuery代码没有效果,原因很可能就是引入的jQuery库文件路径没有写对。