jQuery 入门

在本章中,您将学习如何将jQuery整合到您的网页中。

将jQuery添加到您的网页

有两种使用jQuery的方法:

  • jQuery.com下载jQuery库

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

下载jQuery

首先,请先下载jQuery副本并将其包含在您的文档中。

有两种版本的jQuery可下载:

  • 压缩版本-适用于您的实时网站,因为它已被缩小和压缩

  • 未压缩版本-用于测试和开发(未压缩且可读的代码)

可以从以下网址下载这两个版本:https : //jquery.com/download/

下载jQuery文件后,您会看到它具有.js扩展名,因为jQuery只是一个JavaScript库,因此您可以将HTML文件中的jQuery文件包含<script>元素,就像添加普通的JavaScript文件一样。

  <head>
  <script src="jquery-3.4.1.min.js"></script>
  </head>

始终在自定义脚本之前包含jQuery文件;否则,当您的jQuery代码尝试访问jQuery API时,它们将不可用。

包括CDN中的jQuery

如果您不想自己下载和托管jQuery,则可以从CDN(内容交付网络)中包含它。

Staticfile和Microsoft都提供最新版本的内容交付。

要使用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托管在遍布全球的服务器上,CDN可以提供性能优势。这还提供了一个优势,如果您的网页访问者已经从同一CDN下载了jQuery副本,则不必重新下载它。

使用jQuery CDN的优势:

访问另一个站点时,许多用户已经从Staticfile或Microsoft下载了jQuery。因此,当他们访问您的网站时,将从缓存中加载该文件,从而缩短了加载时间。而且,大多数CDN都会确保用户一旦请求文件,就会从距离他们最近的服务器提供文件,这也将缩短加载时间。