快捷導(dǎo)航

jQuery cdn使用介紹

更新時(shí)間：2013年05月08日 17:20:04 投稿：whsnow

如果您不希望下載并存放jQuery，那么也可以通過 CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）引用它，下面是具體實(shí)現(xiàn)，有類似需求的各位可以參考下哈，希望對(duì)你有所幫助

如果您不希望下載并存放 jQuery，那么也可以通過 CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）引用它。
百度、谷歌和微軟的服務(wù)器都存有 jQuery 。

jQuery 百度 cdn(國(guó)內(nèi)肯定選擇百度或新浪)
加載地址：

未壓縮：
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>

壓縮：
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

支持的版本： 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3

如需從谷歌或微軟引用 jQuery，請(qǐng)使用以下代碼之一：

Google CDN:

復(fù)制代碼代碼如下:

 
<head> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> 

</script> 

</head>

復(fù)制代碼代碼如下:

http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

親自試一試

提示：通過 Google CDN 來獲得最新可用的版本：

如果您觀察上什么的 Google URL - 在 URL 中規(guī)定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery，也可以從版本字符串的末尾（比如本例 1.8）刪除一個(gè)數(shù)字，谷歌會(huì)返回 1.8 系列中最新的可用版本（1.8.0、1.8.1 等等），或者也可以只剩第一個(gè)數(shù)字，那么谷歌會(huì)返回 1 系列中最新的可用版本（從 1.1.0 到 1.10.2）。
Microsoft CDN:

復(fù)制代碼代碼如下:

 
<head> 

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

</script> 

</head>

親自試一試

提示：使用谷歌或微軟的 jQuery，有一個(gè)很大的優(yōu)勢(shì)：

許多用戶在訪問其他站點(diǎn)時(shí)，已經(jīng)從谷歌或微軟加載過 jQuery。所有結(jié)果是，當(dāng)他們?cè)L問您的站點(diǎn)時(shí)，會(huì)從緩存中加載 jQuery，這樣可以減少加載時(shí)間。同時(shí)，大多數(shù) CDN 都可以確保當(dāng)用戶向其請(qǐng)求文件時(shí)，會(huì)從離用戶最近的服務(wù)器上返回響應(yīng)，這樣也可以提高加載速度。

jquery的幾個(gè)CDN加速點(diǎn)

谷歌jquery cdn加速點(diǎn)
http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

微軟jquery cdn加速點(diǎn)
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js

新浪jquery cdn加速點(diǎn)

http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js

你還可以這樣寫，第一個(gè)首選，如果加載失敗js就會(huì)加載第二個(gè)地址

復(fù)制代碼代碼如下:

 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

<script type="text/javascript"> 

!window.jQuery && document.write('<script src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"><\/script>'); 

</script>