jQuery 环境安装

向网页添加 jQuery

有几种方法可以开始在网站上使用 jQuery,您可以:

  • 从 jQuery.com 官网下载 jQuery 库。
  • 引用来自 CDN 的 jQuery,比如百度,Google

下载 jQuery

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

  • 产品版 - 为正式网站引用版,因为它已经缩小和压缩
  • 开发版 - 用于测试和开发(未压缩且可读的代码)

这两个版本都可以从 jQuery.com.

jQuery 库是一个单独的 JavaScript 文件,您可以用 HTML 引用它 <script> tag (notice that the <script> tag should be inside the <head> section):

  1. <head>
  2. <script src="jquery-3.6.0.min.js"></script>
  3. </head>

提示:尽量将下载的文件放在与使用它的页面相同的目录中。


jQuery CDN

如果您不想自己下载和托管 jQuery,可以从 CDN(Content Delivery Network)中引用它。

建议国内使用百度 CDN,国外使用 Google 的:

百度 CDN:
  1. <head>
  2. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  3. </head>
Google CDN:
  1. <head>
  2. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  3. </head>
使用 CDN 的 jQuery 有几大优势:

许多用户在访问另一个网站时已经从 百度/Google 下载了 jQuery。因此,当他们访问您的站点时,它将从缓存中加载,这将加快加载时间。此外,大多数 CDN 将确保一旦用户向其请求文件,它将从离他们最近的服务器获得服务,这也会加快加载时间。