jQuery中使用过哪些插入节点的方法,他们的区别是什么

jQuery中使用过哪些插入节点的方法,他们的区别是什么

jQuery中使用过哪些插入节点的方法,他们的区别是什么

    在元素内部添加
    append:向每个匹配的元素内部追加内容 
            <p>我想说:</p>
            $("p").append("<b>你好</b>") 
            <p>我想说:<b>你好</b></p>
     
    appendTo:将所有匹配的元素追加到指定的元素中 
            <p>我想说:</p> 
            $("<b>你好</b>").appendTo("p") 
            <p>我想说:<b>你好</b></p>
     
    prepend:向每个匹配的元素内部前置添加内容 
            <p>我想说:</p> 
            $("p").prepend("<b>你好</b>") 
            <p><b>你好</b>我想说:</p>
     
    prependTo:将所有匹配的元素前置到指定的元素中 
            <p>我想说:</p> 
            $("<b>你好</b>").prependTo("p") 
            <p><b>你好</b>我想说:</p>
     
    在元素外部添加
    after:在每个匹配元素之后插入内容 
            <p>我想说:</p> 
            $("p").after("<b>你好</b>") 
            <p>我想说:</p><b>你好</b>
     
    insertAfter:将所有配的元素插入到指定元素的后面 
            <p>我想说:</p> 
            $("<b>你好</b>").insertAfter("p") 
            <p>我想说:</p><b>你好</b>
     
    before:在每个匹配的元素之前插入内容 
            <p>我想说:</p> 
            $("p").before("<b>你好</b>") 
            <b>你好</b><p>我想说:</p>
     
    insertBefore:将所有匹配的元素插入到指定的元素的前面 
            <p>我想说:</p> 
            $("<b>你好</b>").insertBefore("p") 
            <b>你好</b><p>我想说:</p> 
————————————————
版权声明:本文为CSDN博主「高先生的猫」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/z591102/article/details/105506981/

————————————————
版权声明:本文为CSDN博主「高先生的猫」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/z591102/article/details/105506981/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值