zoukankan      html  css  js  c++  java
  • jQuery中的append()和prepend(),after()和before()的差别

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

    append()和prepend()

    如果

    <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').prepend($('.c'));

    则结果这样:

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

    after()和before()

    相同的上述代码,使用

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

    结果:

    <div class='a'>
      <div class='b'>b</div>
    </div>
    <div class='c'>c</div> //<----this will be placed here

    使用

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

    结果:

    <div class='c'>c</div> //<----this will be placed here
    <div class='a'>
      <div class='b'>b</div>
    </div>

    由上我们能够得出结论:

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

  • 相关阅读:
    rgbdslam 源代码的实现
    键值对排序并MD5加密
    字符编码
    排序算法
    Bridge Pattern (桥接模式)
    Visitor Pattern 和 doubledispatch
    栈、队列、链表
    如何使用visio
    架构师论文
    英语写作句子
  • 原文地址:https://www.cnblogs.com/yxysuanfa/p/7290647.html
Copyright © 2011-2022 走看看