引入jquery

引入jQuery的方法

在网页中引入jQuery主要有以下几种方式，根据项目需求选择合适的方法：

通过CDN引入

使用公共CDN（内容分发网络）加载jQuery，推荐使用官方或知名CDN服务，例如：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

其他常用CDN源包括Google和Microsoft提供的：

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

本地文件引入

下载jQuery库文件并存储在项目目录中，通过相对路径引入：

1. 从jQuery官网下载最新版本
2. 将文件（如jquery-3.6.0.min.js）放入项目js目录
3. HTML中引用：

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

模块化项目中使用npm/yarn安装

对于现代前端项目，可通过包管理器安装：

npm install jquery
# 或
yarn add jquery

安装后在JavaScript文件中导入：

import $ from 'jquery';

注意事项

• 引入顺序：jQuery脚本应放在其他依赖jQuery的脚本之前
• 版本选择：生产环境建议使用.min.js压缩版以提高性能
• 备用方案：当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>