首先假设我们有个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> |
其实就是一个在元素内部生成和元素外部生成的区别。