亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

jQuery 入門

在本章中,您將學(xué)習(xí)如何將jQuery整合到您的網(wǎng)頁(yè)中。

將jQuery添加到您的網(wǎng)頁(yè)

有兩種使用jQuery的方法:

  • jQuery.com下載jQuery庫(kù)

  • 包含CDN中的jQuery,例如Google,Baidu等

下載jQuery

首先,請(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í),它們將不可用。

包括CDN中的jQuery

如果您不想自己下載和托管jQuery,則可以從CDN(內(nèi)容交付網(wǎng)絡(luò))中包含它。

Staticfile和Microsoft都提供最新版本的內(nèi)容交付。

要使用Staticfile或Microsoft的jQuery,請(qǐng)使用以下任一方法:

Staticfile CDN:
<head>
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
</head>
Microsoft CDN:
<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í)間。