1. append & appendTo 的功能均为:在被选元素结尾(仍在元素内部)插入指定内容,但是内容和选择器的位置不同 

  (1) append()方法:

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

    //在id为element元素内部末尾插入<p>拼接的元素</p>

    $("#element").append("<p>拼接的元素</p>");

 

  (2) appendTo()方法:

     //在id为element元素内部末尾插入<p>拼接的元素</p>

    $("<p>拼接的元素</p>").appendTo("#element");

2. insertBefore & before & insertAfter & after

  (1) insertBefore() & before() 方法 :在被选元素前(元素外部)插入指定内容

     //在id为element的元素前插入<p>拼接的元素</p>

    $("<p>拼接的元素</p>").insertBefore("#element");

    注:如果指定内容是已存在的元素,它将从它的当前位置被移除,并被插入在被选元素之前。

     //在id为element的元素前插入<p>拼接的元素</p>

    $("#element").before("<p>拼接的元素</p>");

  (2) insertAfter() & after()方法:在被选元素后(元素外部)插入指定内容

    //在id为element的元素后插入<p>拼接的元素</p>

      $("<p>拼接的元素</p>").insertAfter("#element"); 

    注:如果指定内容是已存在的元素,它将从它的当前位置被移除,并被插入在被选元素之后。

     //在id为element的元素后插入<p>拼接的元素</p>

    $("#element").after("<p>拼接的元素</p>");

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄