页面引入jquery
引入jQuery的方法
通过CDN引入
使用公共CDN(如Google或jQuery官方)引入最新版本的jQuery。将以下代码放入HTML文件的<head>或<body>标签内:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
下载本地引入
从jQuery官网下载压缩版(minified)或未压缩版文件,保存到项目目录中。通过相对路径引入:

<script src="js/jquery-3.6.0.min.js"></script>
npm安装
在Node.js项目中使用npm或yarn安装:
npm install jquery
安装后通过模块化方式引入:

import $ from 'jquery';
验证引入
在引入后添加测试代码确认jQuery是否生效:
<script>
$(document).ready(function() {
console.log('jQuery loaded');
});
</script>
注意事项
- 避免重复引入多个版本的jQuery
- 生产环境推荐使用压缩版(文件名带.min.js)
- 考虑在
</body>结束标签前引入以提升页面加载性能






