如何引入jquery
引入 jQuery 的方法
通过 CDN 引入
使用公共 CDN(内容分发网络)加载 jQuery,适合快速开发或在线项目。将以下代码放入 HTML 的 <head> 或 <body> 部分:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
推荐使用官方 CDN(如 code.jquery.com)或可信赖的第三方 CDN(如 Google、Microsoft 提供的版本)。
本地文件引入
下载 jQuery 文件并保存到项目目录中,通过相对路径引入。
- 从 jQuery 官网 下载最新版本。
- 将文件(如
jquery-3.6.0.min.js)放入项目文件夹(例如js/)。 - 在 HTML 中添加:
<script src="js/jquery-3.6.0.min.js"></script>
模块化项目中使用 npm/yarn
适用于现代前端框架(如 React、Vue)或 Node.js 环境。
通过 npm 安装:
npm install jquery
通过 yarn 安装:
yarn add jquery
在代码中引入:
import $ from 'jquery';
验证引入是否成功
在引入后,可通过以下代码测试:
<script>
$(document).ready(function() {
console.log("jQuery 已加载");
});
</script>
如果控制台输出日志,则说明引入成功。
注意事项
- 优先使用压缩版本(如
jquery-x.x.x.min.js)以减少加载时间。 - 确保 jQuery 在依赖它的其他脚本之前引入。
- 如需兼容旧版浏览器,可考虑引入 jQuery 1.x 或 2.x 版本(注意官方已停止维护旧版)。







