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