html引入jquery
引入jQuery的方法
通过CDN引入
在HTML文件的<head>或<body>标签内添加以下代码,使用CDN(内容分发网络)加载jQuery:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
推荐使用官方CDN(如code.jquery.com)或谷歌、微软的CDN,确保加载速度和稳定性。

下载本地文件引入
从jQuery官网下载最新版本的jQuery文件(如jquery-3.6.0.min.js),保存到项目目录中(例如js文件夹)。通过相对路径引入:

<script src="js/jquery-3.6.0.min.js"></script>
验证jQuery是否引入成功
在引入jQuery后,可以通过以下代码测试是否生效:
<script>
$(document).ready(function() {
console.log("jQuery已加载!");
});
</script>
如果控制台输出提示信息,则说明引入成功。
注意事项
- 引入顺序:jQuery必须在依赖它的其他脚本之前加载。
- 版本选择:生产环境推荐使用压缩版(
.min.js),体积更小。 - 备用方案:为应对CDN失效,可添加本地回退代码:
<script> window.jQuery || document.write('<script src="js/jquery-3.6.0.min.js"><\/script>'); </script>





