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 >

 

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