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​​​​>​​

 

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