《jQuery Cookbook中文版》——第1章 jQuery基础1.1 在HTML页面中包含jQuery程序库代码

简介: 你当然也可以自己安装一个jQuery代码副本。但是,在大部分情况下这很愚蠢,因为Google已经为你托管了一个很好的版本。使用Google托管的jQuery,你可以得益于一个可靠、高速且在全球都能访问的jQuery版本。而且,你还能够受益于降低的延迟、获得更高的并行性和更好的缓存。

本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.1节,作者:【美】jQuery社区专家组著,更多章节内容可以访问云栖社区“异步社区”公众号查看

第1章 jQuery基础

1.1 在HTML页面中包含jQuery程序库代码

1.1.1 问题
你打算在一个网页上使用jQuery JavaScript程序库。

1.1.2 解决方案
目前,在网页中嵌入jQuery程序库有两种理想的解决方案:

使用Google托管的内容分发网络(Content Delivery Network,CDN)来包含某个版本的jQuery(本章采用这种方式)。
从jQuery.com上下载你自己的jQuery版本,将其安装在你自己的服务器或者本地文件系统上。
1.1.3 讨论
包含jQuery JavaScript程序库和包含其他外部JavaScript文件没有什么不同。你只要使用HTML < script>元素并提供src=""属性的值(URL或者目录路径),你所链接的外部文件就将包含在网页中。例如,下面的模板包含了jQuery程序库,可以用后者启动任何jQuery项目:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/JavaScript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<script type="text/JavaScript">
   alert('jQuery ' + jQuery.fn.jquery);
</script>
</body>
</html>

注意,我将使用Google托管的jQuery精简版,并强烈建议公开网页使用这一方法。但是,精简代码中JavaScript错误的调试不理想。在代码开发期间,或者在生产网站上,使用来自Google的非精简版本进行调试可能更容易发现JavaScript错误。

你当然也可以自己安装一个jQuery代码副本。但是,在大部分情况下这很愚蠢,因为Google已经为你托管了一个很好的版本。使用Google托管的jQuery,你可以得益于一个可靠、高速且在全球都能访问的jQuery版本。而且,你还能够受益于降低的延迟、获得更高的并行性和更好的缓存。当然,没有Google的解决方案,你也能实现这一点,但是很可能要支付一点钱。

现在,不管出于什么原因,你可能不愿意使用Google托管的jQuery版本,而想要jQuery的自定义版本,也可能你的使用方式不需要(或者没有)互联网连接。或者,你可能认为Google是“统治者”,因为自己的控制欲和阴谋论而不愿意听命于它。按照我在本秘诀中提供的模板,你只要用指向你下载的jQuery JavaScript文件位置的URL或者目录路径替换src属性值就可以了。

相关文章
|
24天前
使用HTML编写注册页面
使用HTML编写注册页面
12 1
|
9天前
|
前端开发
HTML代码示例
HTML代码示例
13 1
|
9天前
|
搜索推荐
当使用HTML代码时,一些常见的问题
当使用HTML代码时,一些常见的问题
10 0
|
10天前
错误或拦截页面的html代码
错误或拦截页面的html代码
14 0
错误或拦截页面的html代码
|
19天前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
19 0
|
1月前
当当网首页——html代码
当当网首页——html代码
8 1
|
1月前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
9 1
|
1月前
网状的隧道穿梭特效HTML代码
网状的隧道穿梭特效HTML代码,效果是动态的,可以下载源码,自己在本地运行
12 0
网状的隧道穿梭特效HTML代码
|
1月前
六个好看实用的html简单登录页面源码
六个好看实用的html简单登录页面源码
19 0
六个好看实用的html简单登录页面源码
|
1月前
响应式个人二维码收款HTML页面源码
响应式个人二维码收款HTML页面源码
16 0
响应式个人二维码收款HTML页面源码