内部插入,和外部插入的区别什么啊?

来源:3-4 DOM外部插入insertAfter()与insertBefore()

说再见了吧

2017-05-19 16:14

分不清清楚,感觉作用都是一样的,内部和外部是什么意思啊理解不了~求解答,谢谢!

写回答 关注

7回答

  • weixin_慕莱坞5405417
    2019-01-05 19:22:27

    我是这样理解的:

    第一个例子:内部插入

    <div class="content"></div>
    $(".content").append('<div class="append">通过append方法添加的元素</div>')
    此时content是append的父类;反之亦然。

    第二个例子:外部插入

    <div class="aaron">
        <p class="test1">测试before</p>
    </div>
    $(".test1").before('<p style="color:red">before,在匹配元素之前增加</p>', '<p style="color:red">多参数</p>')

    此时test1类前叫一个P标签;这两个是同级关系


    外部插入就更精准吧!

  • 笑阳不爱钱才
    2018-03-12 21:30:25

    <div id=div1>这是第一个div</div> 

    //用内部插入 。

    $('#div1').append('<div id=div2>这是第二个div</div>');

    结果是在div1中 添加子元素。  此时div1是div2的父元素。

    即:

    <div id=div1>

        这是第一个div

        <div id=div2>

            这是第二个div

        </div>

    </div>

    //用外部插入。

    结果是<div id=div1>这是第一个div</div>

            <div id=div2>这是第二个div</div>

    这俩个div是兄弟级关系

  • 690017359
    2017-09-12 15:09:26

    结果都是一样的,就是语法不一样而已

  • 慕神6124428
    2017-09-02 21:38:07

    不是吧,一个是在div里面在放一个div,还有一个是在div后面或前面放一个并列的div

  • qq_巴黎的雨打湿东京的街_0
    2017-08-11 08:19:28

    一样,你可以试试看啊

  • qq_巴黎的雨打湿东京的街_0
    2017-08-06 16:06:53

    举一个例子:

    <div id="div1">
        <div id="div2">
            <div id="div3">
            </div>
        </div>
    </div>

    这是一个三层嵌套的div,现在插入元素,看看你想在哪里插入,比如给第二个元素插入一个兄弟元素,用内部插入的方法:$('#div1').append('<div id="div2_1">和div2是并列的关系</div>'),那么同样可以用外部插入的方法:$(<div id="div2_1">和div2是并列的关系</div>).insertAfter('#div3');注意用append()和insertAfter/Before()的格式的区别,学习这些东西要的是多动手,你可以用这些方法,拿几个html页面做做试验,然后印象就深刻了。

    金刚无敌葫芦... 回复说再见了吧

    还是看不懂讲得什么,我理解的是append是加的子元素,Before、After加的是兄弟元素,insertAfter是After反过来写

    2020-03-28 17:52:43

    共 2 条回复 >

  • 慕瓜0072038
    2017-05-19 16:27:31

    内部插入是在一个父元素内插入子元素,外部插入的话可以插入同级的元素

jQuery基础(二)—DOM篇

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

114014 学习 · 590 问题

查看课程

相似问题