jQuery 入门

将 jQuery 添加到您的网页

在您的网站上开始使用 jQuery，可以使用以下几种方法：

  • 从 jQuery.com 下载 jQuery 库
  • 通过 CDN（内容分发网络）引入 jQuery，例如 Google

下载 jQuery

有两个版本的 jQuery 可供下载：

  • 生产版本 - 用于您的正式线上网站，因为该版本已经过压缩和最小化处理
  • 开发版本 - 用于测试和开发（未压缩，代码可读）

两个版本都可以从 jQuery.com 下载。

jQuery 库是一个单独的 JavaScript 文件，您可以使用 HTML 的 <script> 标签来引用它（请注意，<script> 标签应放在 <head> 部分内）：

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

亲自试一试

提示：请将下载的文件放在与您要使用它的页面相同的目录中。

jQuery CDN

如果您不想自己下载和托管 jQuery，可以通过 CDN（内容分发网络）来引入它。

Google 就是托管 jQuery 的一个例子：

Google CDN：

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>

使用 Google 托管的 jQuery 有一个很大的优点：

许多用户在访问其他网站时，已经通过 Google 下载过 jQuery。因此，当他们访问您的网站时，jQuery 会直接从缓存中加载，从而加快页面加载速度。此外，大多数 CDN 会确保当用户请求文件时，从离他们最近的服务器提供该文件，这同样有助于加快加载速度。