jquery 导入

jQuery 导入方法

直接通过CDN引入

在HTML文件中添加以下代码，使用CDN（内容分发网络）引入jQuery库。推荐使用官方或可靠的CDN服务（如Google、Microsoft或jQuery官网提供的CDN）。

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

下载本地文件引入

从jQuery官网（https://jquery.com/）下载最新版本的jQuery文件，保存到项目目录中，然后在HTML文件中通过相对路径引入。

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

通过npm安装（适用于Node.js项目）

在项目根目录下运行以下命令，通过npm安装jQuery：

npm install jquery

安装完成后，在JavaScript文件中通过require或import引入：

const $ = require('jquery');
// 或
import $ from 'jquery';

通过ES6模块导入

如果项目支持ES6模块化语法，可以直接通过模块化方式导入：

import $ from 'jquery';

注意事项

• 确保引入的jQuery版本与项目兼容。
• 如果使用CDN，建议添加integrity和crossorigin属性以增强安全性：

  <script 
    src="https://code.jquery.com/jquery-3.6.0.min.js"
    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
    crossorigin="anonymous">
  </script>

• 避免重复引入多个版本的jQuery，可能导致冲突。