1.1 下载jQuery
为了能够使用jQuery,首先必须从jQuery官方网站下载最新的jQuery库。jQuery官方网站的网址如下:
http://jquery.com
进入官方网站后,在页面右上角可以看到Download jQuery按钮,如图1.1所示。
图1.1 下载jQuery库
jQuery是一个不断开发的JavaScript库,编写本书时最新版本已经到了3.x。jQuery 3.x不支持Internet Explorer(IE)6/7/8版本,如果读者的项目需要支持IE这些低版本,那么可以下载jQuery 1.11.x版本。
无论是jQuery 1.x还是jQuery 3.x,官方网站都提供3个下载文件,如图1.2所示。
图1.2 jQuery不同版本的下载页面
可以看到,jQuery 3.1.1有3个可供下载的文件,分别是:
● Production jQuery版 优化压缩后的版本,具有较小的体积(90K),主要在部署网站时使用。
● Development jQuery版 未压缩版本,大小为261KB,一般在网站建设时使用这个版本,以便调试。
● jQuery map文件map文件能够被用来在某些现代浏览器上调试压缩后的jQuery文件,如Google Chrome。map文件可以增强调试的体验,对于使用jQuery的用户来说,一般不需要下载该文件。
右击文件,从弹出的菜单中选择“另存为”,即可将选中的jQuery文件保存起来(保存后的文件是jquery-3.1.1.js)。笔者建议调试时使用Development jQuery版,程序发布时使用Production jQuery版。
与自行编写的其他js文件一样,jQuery库实际上就是一个扩展JavaScript功能的外部js文件,因此引用jQuery库的方式与引用其他外部js文件相似。在网页上引用jQuery库的代码如下:
<! --引用jQuery脚本库--> <script src="jQuery/jquery-3.1.1.js" type="text/javascript" ></script>