加载jquery
加载 jQuery 的方法
通过 CDN 加载
推荐使用官方或公共 CDN(内容分发网络)加载 jQuery,速度快且稳定。将以下代码添加到 HTML 文件的 <head> 或 <body> 标签内:
<!-- 使用 jQuery 官方 CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 或使用 Google CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
下载本地文件加载
从 jQuery 官网 下载最新版本,保存到项目目录中。通过 <script> 标签引入本地文件:

<script src="path/to/jquery-3.6.0.min.js"></script>
通过 npm/yarn 安装(适用于 Node.js 项目)
在命令行中运行以下命令安装 jQuery:

npm install jquery
# 或
yarn add jquery
安装后,在 JavaScript 文件中通过模块化方式引入:
const $ = require('jquery');
// 或
import $ from 'jquery';
验证加载是否成功
在引入 jQuery 后,可以通过以下代码测试是否加载成功:
$(document).ready(function() {
console.log("jQuery 已加载,版本号:", $.fn.jquery);
});
注意事项
- 优先使用 HTTPS 协议的 CDN 链接以确保安全性。
- 生产环境建议锁定具体版本号(如
jquery-3.6.0.min.js),避免版本更新导致兼容性问题。 - 本地开发时可通过开发者工具(F12)的 Network 面板检查 jQuery 是否加载成功。






