导入jquery
导入 jQuery 的方法
通过 CDN 引入 jQuery
在 HTML 文件的 <head> 或 <body> 标签内添加以下代码,使用官方 CDN 引入最新版本的 jQuery:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
下载本地文件引入
从 jQuery 官网 下载压缩版(minified)或未压缩版(uncompressed)的 jQuery 文件,保存到项目目录中,然后通过 <script> 标签引入:

<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';
验证 jQuery 是否成功加载
在引入 jQuery 后,可以通过以下代码验证是否加载成功:
if (typeof jQuery == 'undefined') {
console.log('jQuery 未加载');
} else {
console.log('jQuery 已加载');
}
注意事项
- 确保
<script>标签放置在需要使用 jQuery 的代码之前。 - 如果需要兼容旧版本浏览器,可以引入 jQuery 1.x 或 2.x 版本,但推荐使用最新的 3.x 版本以获得更好的性能和安全性。






