4.2 获取jQuery

jQuery只是一个外部JavaScript文件中的一组JavaScript程序。和任何外部JavaScript文件一样(参见本书1.2节),需要将其链接到自己的Web页面。然而,由于jQuery如此流行,当将其添加到一个Web页面的时候,可以有几种选择:要么使用Google、Microsoft或jQuery.com寄存的一个版本,要么可以将jQuery文件下载到自己的计算机上并且将其添加到Web站点中。

第一种方法使用一个CDN(Content Distribution Network,内容分发网络),也就是说,另一个Web站点寄存了jQuery文件,并且将其发送给请求它的任何人。这种方法还有几个优点:首先,你可以通过允许Google、Microsoft或jQuery将文件分发给站点访问者,而为自己的Web服务器节省若干毫秒的时间。其次,CDN还有额外的优点,就是拥有位于全球的服务器。例如,如果某人从新加坡访问你的站点,他将会从比到你的Web服务器要近得多的一台服务器接受jQuery文件,这意味着,他将更快地获取文件,并且你的站点将貌似运行得更快。最后,也是最重要的一点,由于其他的设计者也使用这些CDN,很可能访问你的站点的某人已经在自己的浏览器缓存中拥有了jQuery文件。由于他在访问另一个站点的时候已经从Google下载了jQuery文件,当访问你的站点的时候,他不需要再次下载,这会带来显著的速度提升。

使用CDN也有几个缺点:首先,访问者需要连接到互联网,这种方法才会有效。如果需要保证你的站点离线也能工作(例如,在博物馆的展示亭或者在教室中编程演示的过程中),这就是个问题。在这种情况下,需要从jQuery.com下载jQuery文件(下面将学习如何做到这点)并且将其添加到Web站点中。添加自己的jQuery文件,将能够保证如果CDN服务无效时你的站点也能继续工作(当然,如果Google的服务器失效,那么可能真的有大麻烦,你的Web站点可能也无法工作)。

连接到CDN服务器上的jQuery文件Microsoft、jQuery和Google都允许使用它们的服务器,将jQuery包含到Web页面中。例如,要使用Microsoft的CDN连接到jQuery1.6.3,可以在Web页面的<head>中添加如下这行代码:


<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.3.min.js">

</script>


要使用jQuery CDN,将用到如下的代码:


<script src="http://code.jquery.com/jquery-1.6.3.min.js"></script>


要使用Google的CDN,代码如下所示:


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.

js"></script>


根据你想要使用的CDN,只需要在自己的页面上使用这些代码行之一即可。Google CDN似乎是最流行的,因此,如果你不确定要使用哪一个,就使用Google服务器。

下载自己的jQuery文件

可以很容易地下载jQuer y文件并将其添加到站点以及所有其他的Web页面和文件中。从www.sawmac.com/js2e/下载的本书教程文件包含jQuery库文件,但由于jQuery团队定期更新该库,因此可以在http://docs.jquery.com/Downloading_jQuery找到最新版本,它在Current Release标题下列出。

下载最新版jQuery的方法:

1.访问http://docs.jquery.com/Downloading_jQuery。

这个页面有关于代码的信息、上面所提及的CDN列表,以及jQuery之前的版本。你可以找到“Current Release”。

2.单击页面顶部的“CurrentRelease”链接,或者向下滚动直到看到“Current Release”标题。

在该下载站点上,有两个版本的jQuery文件——最小化版和未压缩版。未压缩版文件很大(超过200KB),并且该版本供你通过查看代码以对jQuery了解更多。代码包含很多注释(参见2.11节),它们有助于了解文件的不同部分的作用(但是,要理解这些注释,你需要较多的JavaScript知识)。

你应该在自己的站点中使用最小化版本。最小化的文件比常规的JavaScript文件还要小很多:所有的JavaScript注释和不必要的空白(制表符、换行符等)都删除了,使得文件难以阅读,但是下载速度很快。

注意:通常可以通过文件名中的.min来识别一个最小化的JavaScript文件,例如,jquery-1.6.3.min.js表示该文件包含jQuery1.6.3版的最小化版本。

3.鼠标右键(在Mac上是Control-单击)单击Minified链接,从弹出菜单中选择Save Link As。

如果只是单击该链接,不会下载这个文件:相反,Web浏览器会在一个浏览器窗口中显示所有的代码,因此,需要使用“Save as”这种方法。

4.在计算机上找到保存Web站点的文件夹,并保存该文件。

可以把jQuery文件放在站点上的任何位置,但是,很多Web设计师将他们的外部JavaScript文件放在一个专用的文件夹中。通常,该文件夹的名称类似于scripts、libs、js或_js。