在本章中,您將學(xué)習(xí)如何將jQuery整合到您的網(wǎng)頁中。
有兩種使用jQuery的方法:
從jQuery.com下載jQuery庫
包含CDN中的jQuery,例如Google,Baidu等
首先,請先下載jQuery副本并將其包含在您的文檔中。
有兩種版本的jQuery可下載:
壓縮版本-適用于您的實時網(wǎng)站,因為它已被縮小和壓縮
未壓縮版本-用于測試和開發(fā)(未壓縮且可讀的代碼)
可以從以下網(wǎng)址下載這兩個版本:https : //jquery.com/download/。
下載jQuery文件后,您會看到它具有.js擴展名,因為jQuery只是一個JavaScript庫,因此您可以將HTML文件中的jQuery文件包含<script>元素,就像添加普通的JavaScript文件一樣。
<head> <script src="jquery-3.4.1.min.js"></script> </head>
始終在自定義腳本之前包含jQuery文件;否則,當(dāng)您的jQuery代碼嘗試訪問jQuery API時,它們將不可用。
如果您不想自己下載和托管jQuery,則可以從CDN(內(nèi)容交付網(wǎng)絡(luò))中包含它。
Staticfile和Microsoft都提供最新版本的內(nèi)容交付。
要使用Staticfile或Microsoft的jQuery,請使用以下任一方法:
<head> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> </head>
<head> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script> </head>
通過將jQuery托管在遍布全球的服務(wù)器上,CDN可以提供性能優(yōu)勢。這還提供了一個優(yōu)勢,如果您的網(wǎng)頁訪問者已經(jīng)從同一CDN下載了jQuery副本,則不必重新下載它。
使用jQuery CDN的優(yōu)勢:
訪問另一個站點時,許多用戶已經(jīng)從Staticfile或Microsoft下載了jQuery。因此,當(dāng)他們訪問您的網(wǎng)站時,將從緩存中加載該文件,從而縮短了加載時間。而且,大多數(shù)CDN都會確保用戶一旦請求文件,就會從距離他們最近的服務(wù)器提供文件,這也將縮短加載時間。