如何引入jquery
引入 jQuery 的方法
通过 CDN 引入
推荐使用官方或知名 CDN(如 Google、Microsoft、jQuery 官方)加载 jQuery。将以下代码添加到 HTML 文件的 <head> 或 <body> 标签内:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
若需特定版本,可替换链接中的版本号(如 3.6.0)。

本地文件引入

- 从 jQuery 官网 下载 jQuery 文件(通常为
.min.js压缩版)。 - 将文件保存到项目目录(如
js/jquery.min.js)。 - 在 HTML 中通过相对路径引入:
<script src="js/jquery.min.js"></script>
模块化项目中使用 npm/yarn
适用于 Node.js 或现代前端框架(如 React、Vue):
npm install jquery
# 或
yarn add jquery
在代码中通过 import 引入:
import $ from 'jquery';
注意事项
- 引入顺序:确保 jQuery 在依赖它的其他脚本之前加载。
- 版本选择:生产环境建议使用压缩版(
.min.js),并优先选择 CDN 以提高加载速度。 - 备用方案:为应对 CDN 失效,可添加本地回退代码:
<script> window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>'); </script>






