引用jquery

以下是关于引用 jQuery 的几种常见方法：

通过 CDN 引用

使用公共内容分发网络（CDN）加载 jQuery，例如 Google 或 Microsoft 提供的 CDN。这种方式加载速度快且可能已被用户浏览器缓存。

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

本地文件引用

下载 jQuery 文件并存储在项目目录中，通过相对路径引用。适合离线开发或需要控制版本的环境。

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

npm 安装

适用于现代前端项目，通过包管理器安装并模块化引用。

npm install jquery

在 JavaScript 文件中通过模块化语法引入：

import $ from 'jquery';

注意事项

• 版本选择：根据需求选择 1.x（兼容旧IE）、2.x（无旧IE支持）或 3.x（现代浏览器）。
• 加载顺序：确保 jQuery 在依赖它的脚本之前加载。
• 备用方案：CDN 失败时可回退到本地资源：

  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/jquery-3.6.0.min.js"><\/script>')</script>