添加jquery
添加jQuery的方法
通过CDN引入jQuery
在HTML文件的<head>或<body>标签内添加以下代码,使用官方CDN链接:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
推荐使用最新版本(如3.6.0),也可选择其他CDN服务(如Google、Microsoft提供的链接)。
下载本地文件引入
- 访问jQuery官网下载压缩版(Minified)或开发版(Uncompressed)。
- 将文件(如
jquery-3.6.0.min.js)放入项目目录(例如js文件夹)。 - 在HTML中通过相对路径引入:
<script src="js/jquery-3.6.0.min.js"></script>
使用包管理器安装(如npm、yarn)
适用于Node.js项目或需要依赖管理的场景:

npm install jquery
或
yarn add jquery
安装后,通过模块化方式引入:
import $ from 'jquery';
或在构建工具(如Webpack)中配置。

验证jQuery是否加载成功
在引入jQuery后,可通过以下代码测试:
<script>
$(document).ready(function() {
console.log("jQuery已加载");
});
</script>
若控制台输出日志,则说明加载成功。
注意事项
- 确保jQuery在依赖它的其他脚本之前引入。
- 生产环境建议使用压缩版(
.min.js)以减少文件体积。 - 如需兼容旧浏览器(如IE 6-8),可使用jQuery 1.x版本,但需注意安全性和性能问题。






