1.3 jQuery下载与安装
1.3.1 下载jQuery
对于jQuery文件,我们可以到jQuery官网下载,地址是:http://jquery.com。不知道怎么在jQuery官网下载的小伙伴也不用担心,本书源代码附有jQuery库文件,大家直接下载即可。
jQuery文件有两个常用版本:一个是1.x版本,另一个是3.x版本。3.x版本是目前的最新版本,与1.x版本有着相同的API。1.x版本兼容IE6、IE7和IE8,而3.x版本不兼容IE6、IE7和IE8。在实际开发中,我们建议使用1.x版本,而不是3.x版本,原因有两个。
·现在很多网站还是要考虑兼容IE6~IE8。
·大多数jQuery插件不支持3.x版本,只支持1.x版本。
不管是1.x版本,还是3.x版本,jQuery文件都有两种类型:①开发版;②压缩版。表1-1是这两种类型的比较。
表1-1 两种类型jQuery库文件的比较
开发版是没有压缩的,以“jquery.js”命名,一般供开发者学习jQuery内部的实现原理。压缩版是经过高度压缩的,以“jquery.min.js”命名,一般供实际开发者使用。
在实际开发中,我们一般都是使用压缩版,也就是“jquery.min.js”版本。压缩版经过压缩,体积小很多,这样也可以提高页面加载速度。那么小伙伴们就会问了:“为什么不用开发版呢?”其实jQuery开发版是供大家学习jQuery内部原理的,也就是jQuery是怎么开发出来的。这就好比你使用一个软件,此时你是软件的使用者。但是要让你来开发软件,还得具备一定水平才行。对于初学者来说,我们暂时还没有那个水平去研究jQuery内部原理。
1.3.2 安装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库文件路径没有写正确。