在.append()和.appendTo()中,传入的子元素都可以多元素传入;那么prepend()与prependTo()是否也可以子元素多元素传入?

来源:3-3 DOM内部插入prepend()与prependTo()

风飘叶摇

2017-11-18 17:51

<script type="text/javascript">

    $("#bt1").on('click', function() {

        //找到class="aaron1"的div节点

        //然后通过prepend在内部的首位置添加一个新的p节点

        $('.aaron1')

            .prepend('<p>prepend增加的p元素</p>','<p>我是p元素2</p>')

    })


//这个例子中,就可以前置多个子元素

    </script>

    <script type="text/javascript">

    $("#bt2").on('click', function() {

        //找到class="aaron2"的div节点

        //然后通过prependTo内部的首位置添加一个新的p节点

        $('<p>prependTo增加的p元素</p>','<p>我是p元素2</p>')

            .prependTo($('.aaron2'))

    })


//在这个例子中,却无法前置多个子元素,是不是JQ这个方法有缺陷?

    </script>


写回答 关注

2回答

  • 风飘叶摇
    2017-11-19 21:53:52

    自己搞错了,已经弄明白了。

    经实际操作 总结如下:
    .append()      插入子元素
    .prepend()      前置子元素
    .after()       插入兄弟元素
    .before()      前置兄弟元素
    都是方法(函数)在前,内容(参数)在后 可以支持多参数;
    .appendTo()     插入子元素
    .prependTo()    前置子元素
    .insertBefore()  前置兄弟元素
    .insertAfter()   插入兄弟元素
    都是内容(参数)在前,函数(方法)在后,不支持多参数

  • 慕工程1256764
    2017-11-19 18:56:26

    .prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()).

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼,了解创建、插入、删除与替换

114014 学习 · 590 问题

查看课程

相似问题