最后的代码和前面的一起运行就在第二个框里面显示，为什么呢
<script type="text/javascript"> //通过.text()的回调，获取原本的内容，修改，在重新赋值 $(".left a:first").text(function(index,text){ return '增加新的文本内容' + text }) </script>
如果注释之前的操作，这个在第一个框中显示，但一起执行就在第二框中显示
jQuery 问题-PHP中文网问答-jQuery 问题-PHP中文网问答
围观一下哦，学习一下。
保留前面的那个操作把第一个框中的标签元素都替换掉了，变成了<div>整个div的子节点都被替换了</div>, 你在执行最后一个那么取到的第一个 a元素就是在第二个框中了； 反之删除前面操作第一框中是有元素标签的所以改变第一框中显示；
保留下面代码
<script type="text/javascript">
//通过.html()方法替换html结构
$(".left div:first").html('整个div的子节点都被替换了')
</script>
这个是你说的第一个框，执行完上面代码后如下；
<div class="div">
整个div的子节点都被替换了
</div>
jQuery 问题-PHP中文网问答-jQuery 问题-PHP中文网问答
围观一下哦，学习一下。
保留前面的那个操作把第一个框中的标签元素都替换掉了，变成了<div>整个div的子节点都被替换了</div>, 你在执行最后一个那么取到的第一个 a元素就是在第二个框中了； 反之删除前面操作第一框中是有元素标签的所以改变第一框中显示；
保留下面代码
<script type="text/javascript">
//通过.html()方法替换html结构
$(".left div:first").html('整个div的子节点都被替换了')
</script>
这个是你说的第一个框，执行完上面代码后如下；
<div class="div">
整个div的子节点都被替换了
</div>