jQuery 入門

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

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

有兩種使用jQuery的方法:

  • jQuery.com下載jQuery庫

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

下載jQuery

首先,請先下載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時,它們將不可用。

包括CDN中的jQuery

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

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

要使用Staticfile或Microsoft的jQuery,請使用以下任一方法:

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>

通過將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ù)器提供文件,這也將縮短加載時間。

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清