一、jQuery的版本
目前jQuery有三個版本,在jQuery官網可以查看。
(注:以下區別參考了博客)
版本 | 描述 |
1.x | 兼容ie678,使用最爲廣泛的,官方只做bug維護,功能不再新增。因此一般項目來說,使用1.x版本就可以了,最終版本:1.12.4 |
2.x | 不兼容ie678,很少人使用,官方只做bug維護,功能不再新增。如果不考慮兼容版本低的瀏覽器可以使用2.x,最終版本:2.2.4 |
3.x | 不兼容ie678,只支持最新的瀏覽器。除非特殊要求,一般不會使用3.x版本的,很多老的jQuery插件不支持這個版本。目前該版本是官方主要更新維護的版本。截至2018年6月13日,最新版本:3.3.1 |
隨着移動端興起,jQuery也推出了移動版的jQuery Mobile(移動端jQuery框架)。
二、jQuery的安裝使用
在jQuery官網上可以下載想要使用的版本。每個版本對應compressed(壓縮)和uncompressed(未壓縮)兩個版本。
版本 | 描述 |
compressed | 精簡版,去掉了格式,體積小,用於發佈 |
uncompressed | 原版,有統一的格式,體積較大,方便閱讀,用於測試、學習和開發 |
三、替代方案
如果不想在本地下載jQuery文件,可以在CDN(內容分發網絡)中引用。通過在遍佈全球的服務器託管jQuery,CDN可以提供性能優勢。這也提供了一個好處,如果你的網頁的訪問者已經從同一個CDN下載了一份jQuery的副本,那麼它不需要重新下載。以下CDN中可以提供jQuery發行版的精簡版和原版。
1. Google CDN
詳情見:https://developers.google.com/speed/libraries/#jquery
精簡版的引用格式:
<span style="color:#37474f"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></span>
原版的引用格式:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
如上面CDN的 Google URL - 在 URL 中規定了 jQuery 版本 (1.12.4)。如果您希望使用最新版本的 jQuery,也可以從版本字符串的末尾(比如 1.8)刪除一個數字,谷歌會返回 1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩第一個數字,那麼谷歌會返回 1 系列中最新的可用版本。目前可用版本:
jQuery MObile的引用格式:
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
目前可用版本:
2. 微軟CDN
https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview#jQuery_Releases_on_the_CDN_0
3. CDNJS CDN
https://cdnjs.com/libraries/jquery/
4. jsDelivr CDN
https://www.jsdelivr.com/package/npm/jquery
四、使用CDN的好處
許多用戶在訪問其他站點時,已經從谷歌或微軟加載過 jQuery。所有結果是,當他們訪問您的站點時,會從緩存中加載 jQuery,這樣可以減少加載時間。同時,大多數 CDN 都可以確保當用戶向其請求文件時,會從離用戶最近的服務器上返回響應,這樣也可以提高加載速度。