第一種:從 jquery.com 下載 jQuery 庫
那么,在jquery.com中有兩種jQuery庫可供下載
第一種是Production version - 用于實(shí)際的網(wǎng)站中飘弧,已被精簡和壓縮脖含。
第二種是Development version - 用于測試和開發(fā)(未壓縮绢记,是可讀的代碼)
下載好后,我們就可以使用script標(biāo)簽引用就可以了。
例如:
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
第二種:從 CDN 中載入 jQuery
這種情況適合不想下載存放jQuery庫的人員使用傻挂,可以直接通過cdn引用它。CDN公共庫是指將常用的JS庫存放在CDN節(jié)點(diǎn)挖息,以方便廣大開發(fā)者直接調(diào)用金拒。與將JS庫存放在服務(wù)器單機(jī)上相比,CDN公共庫更加穩(wěn)定套腹、高速绪抛。例如:
我們可直接從百度、新浪电禀、谷歌等引用jQuery(下面的鏈接均為壓縮版的睦疫,如果想要未壓縮版的可到官網(wǎng)自行查找)。
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鞭呕,畢竟谷歌在國內(nèi)不是很穩(wěn)定蛤育,加載網(wǎng)站會慢,加載時間長葫松。
國內(nèi)推薦使用 Staticfile CDN 上的庫:
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet">
<!-- jQuery文件瓦糕。務(wù)必在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>