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都会确保用户一旦请求文件，就会从距离他们最近的服务器提供文件，这也将缩短加载时间。