JQuery中append、prepend, before和after方法的区别

四个 jQuery 方法：

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

假设处理前代码：

<div class='a'> //<---you want div c to append in this
  <div class='b'>b</div>
</div>

使用：$('.a').append($('.c'));              效果如下：

<div class='a'> //<---you want div c to append in this
  <div class='b'>b</div>
  <div class='c'>c</div>
</div>

使用：$('.a').after($('.c'));                   效果如下：

<div class='a'>
  <div class='b'>b</div>
</div>
<div class='c'>c</div>

总结：append() & prepend()是在元素内插入内容（该内容变成该元素的子元素或节点），after() & before()是在元素的外面插入内容（其内容变成元素的兄弟节点）。