jQuery append()方法向body追加文本失效求助

嘿，我来帮你排查下这个小问题～先看你给出的代码写法，最可能的坑是自定义JS代码没被包裹在<script>标签里，浏览器会把它当成普通文本处理，自然不会执行。

第一步：修正代码结构 #

把你的自定义逻辑放在单独的<script>标签内，正确的写法应该是这样：

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script>
$(document).ready(function() { 
  $("body").append("test"); 
});
</script>

第二步：验证jQuery是否真的加载成功 #

如果修正结构后还是没效果，打开浏览器控制台（按F12），输入console.log($)：

• 如果返回的是函数，说明jQuery加载正常；
• 如果提示$ is not defined，那就是jQuery没加载成功——可以换个稳定的CDN版本，或者下载jQuery文件到本地引入试试。

第三步：简化代码快速测试 #

因为你已经把代码放在</body>标签之前，此时DOM已经基本加载完成，其实可以不用$(document).ready()，直接写代码验证：

<script>
$("body").append("test");
</script>

这样能排除ready事件相关的干扰，快速确认append功能是否正常。

额外排查点 #

• 检查控制台的Errors标签，看看有没有其他JS代码报错——如果前面的代码抛出错误，会导致后续代码无法执行；
• 在控制台输入$("body").length，如果返回1，说明能正常获取到body元素，排除元素不存在的问题。

内容的提问来源于stack exchange，提问作者lwd