jQuery的版本比較及使用

一、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 都可以確保當用戶向其請求文件時,會從離用戶最近的服務器上返回響應,這樣也可以提高加載速度。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章