jQuery parent.append和$after的区别

首先假设我们有个id为test的div和一个id为test2的div：

<div id="test">

    我是测试div

</div>

<div id="test2">

    我是test2！

</div>

append是在指定元素内部比如：

$("#test").append("<div>测试文字</div>");

执行结果：

<div id="test">

    我是测试div

    <div>测试文字</div>

</div>

<div id="test2">

    我是test2！

</div>

而after则是在指定元素外部且紧挨着：

$("#test").after("<div>测试文字</div>");

执行结果：

<div id="test">

    我是测试div

</div>

<div>测试文字</div>

<div id="test2">

    我是test2！

</div>

 

其实就是一个在元素内部生成和元素外部生成的区别。