首页 > 编程笔记

jQuery下载和安装

jQuery 是一套 JavaScript 的库,它简化了使用 Javascript 进行网页特效开发的一些复杂性,提供了对常见任务的自动化和复杂任务的简化。相对于 JavaScript 的库来说,更利于学习和掌握,而且具有简体中文的帮助文档,极大的方便了英文不好的网站建设人员的学习。下面我们介绍一下 jQuery 如何下载与安装?

jQuery下载

对于 jQuery 文件,我们可以到 jQuery 官网下载,地址是:http://jquery.com。jQuery 文件有两个常用版本:一个是 1.x 版本,另一个是 3.x 版本。3.x 版本是目前的最新版本,与 1.x 版本有着相同的 API。1.x 版本兼容 IE6、IE7 和 IE8,而 3.x 版本不兼容 IE6、IE7 和 IE8。

在实际开发中,我们建议使用 1.x 版本,而不是 3.x 版本,原因有两个:
  1. 现在很多网站还是要考虑兼容 IE6~IE8;
  2. 大多数 jQuery 插件不支持 3.x 版本,只支持 1.x 版本。

不管是 1.x 版本,还是 3.x 版本,jQuery 文件都有两种类型:①开发版;②压缩版。表 1 是这两种类型的比较。

表 1:两种类型 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 库文件路径没有写正确。

推荐阅读