页面引入jquery
引入jQuery的方法
通过CDN引入
在HTML文件的<head>或<body>标签内添加以下代码,使用CDN方式引入jQuery:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
如果需要特定版本,可以替换URL中的版本号(如3.6.0)。推荐使用最新稳定版。
下载本地引入
从jQuery官网下载文件后,将jQuery文件放入项目目录,通过相对路径引入:
<script src="path/to/jquery-3.6.0.min.js"></script>
使用npm安装
在项目目录下运行以下命令安装jQuery:
npm install jquery
安装完成后,在JavaScript文件中通过以下方式引入:
import $ from 'jquery';
验证引入成功
在引入jQuery后,可以通过以下代码验证是否成功:

$(document).ready(function() {
console.log("jQuery已加载");
});
注意事项
- 建议将jQuery引入放在其他依赖jQuery的脚本之前。
- 如果使用CDN,确保网络连接正常。
- 生产环境推荐使用压缩版(
.min.js)以提升性能。






