jquery中append(),prepend(),after(),before()的区别

append(),prepend(),after(),before()都是给被选元素之前或之后添加新内容

区别

 append(),prepend()是在被选元素的内部前后添加，成为被添加的子元素

  如

   <div style="color:green">
    <p>This is a paragraph.</p>
     <p>This is another paragraph.</p>
</div>

$(document).ready(function(){
    $("div").append(" <p>Appended text</p>.");
});

效果如下：

after(),before()是在被选元素的外面前后添加，成为被添加的兄弟元素

$(document).ready(function(){
    $("div").after(" <p>Appended text</p>.");
});

效果如下

参考文章：https://www.cnblogs.com/nananana/p/8413931.html，这个讲的听清楚的