jQuery中的append()和preappend(),after()和before()的差别

append()和prepend()

如果

      
        //<---you want div c to append in this  
       
        b
       
      

使用

$('.a').append($('.c'));

则会这样：

      
        //<---you want div c to append in this  
       
        b
       
  
       
        c
       
      

使用

$('.a').prepend($('.c'));

则结果这样：

      
        //<---you want div c to append in this  
       
        c
       
  
       
        b
       
      

after()和before()

相同的上述代码，使用

$('.a').after($('.c'));

结果：

      
  
       
        b
       
      
      
       c
      
 //<----this will be placed here

使用

$('.a').before($('.c'));

结果：

      
       c
      
 //<----this will be placed here
      
  
       
        b
       
      

由上我们能够得出结论：

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