jquery添加中append和after的区别

首先假设我们有个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同理~