首先假设我们有个id为test的div和一个id为test2的div:
<span style="font-size:18px;"><div id="test">
我是测试div
</div>
<div id="test2">
我是test2!
</div></span>
append是在指定元素内部比如:
<span style="font-size:18px;">$("#test").append("<div>测试文字</div>");
</span>
执行结果:
<span style="font-size:18px;"><div id="test">
我是测试div
<div>测试文字</div>
</div>
<div id="test2">
我是test2!
</div>
</span>
而after则是在指定元素外部且紧挨着:
<span style="font-size:18px;">$("#test").after("<div>测试文字</div>");
</span>
执行结果:
<span style="font-size:18px;"><div id="test">
我是测试div
</div>
<div>测试文字</div>
<div id="test2">
我是test2!
</div>
</span>
其实就是一个在元素内部生成和元素外部生成的区别。
而其中的prepend和before同理~