第一种:从 jquery.com 下载 jQuery 库
那么,在jquery.com中有两种jQuery库可供下载
第一种是Production version - 用于实际的网站中,已被精简和压缩。
第二种是Development version - 用于测试和开发(未压缩,是可读的代码)
下载好后,我们就可以使用script标签引用就可以了。
例如:
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
第二种:从 CDN 中载入 jQuery
这种情况适合不想下载存放jQuery库的人员使用,可以直接通过cdn引用它。CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。例如:
我们可直接从百度、新浪、谷歌等引用jQuery(下面的链接均为压缩版的,如果想要未压缩版的可到官网自行查找)。
1.从百度cdn中载入jQuery
<head>
未压缩:<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
压缩:<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
2.从谷歌cdn中载入jQuery
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
3.从新浪cdn中载入jQuery
<head>
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
</head>
不过个人不太推荐使用谷歌cdn引用jQuery,毕竟谷歌在国内不是很稳定,加载网站会慢,加载时间长。
国内推荐使用 Staticfile CDN 上的库:
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
网友评论