jQuery 中在元素中添加插入内容方法 after, append, appendTo, before, prepend, prependTo 的区别

jQuery 在元素中添加插入内容的方法和区别，整理成表格，省的每次都要翻：

千言解释不如一图示意：

具体代码：

div class="target">
    
This is the target div to which new elements are associated using jQuery
/div>
    

var $target = $('.target');
    

$target.append('div class="child">
    1. append/div>
    ');
    
$target.prepend('div class="child">
    2. prepend/div>
    ');
    
$target.before('div class="sibling">
    3. before/div>
    ');
    
$target.after('div class="sibling">
    4. after/div>
    ');
    

$('div class="child flipped">
    or appendTo/div>
    ').appendTo($target);
    
$('div class="child flipped">
    or prependTo/div>
    ').prependTo($target);
    
$('div class="sibling flipped">
    or insertBefore/div>
    ').insertBefore($target);
    
$('div class="sibling flipped">
    or insertAfter/div>
    ').insertAfter($target);
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！