18
2020
03

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> 

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。