jQuery——插入元素（append()、prepend()、after()、before()、insertAfter()、insertBefore()、replaceWith()）

最新推荐文章于 2021-05-05 16:05:56 发布

YUHUI01

最新推荐文章于 2021-05-05 16:05:56 发布

阅读量2.9k

点赞数

分类专栏： jQuery 文章标签： append()、prepend()、after()、bef

本文链接：https://blog.csdn.net/YUHUI01/article/details/80872298

版权

jQuery 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

append()、prepend()、after()、before()都支持多个参数

1、append()

append() 该方法是在子元素的尾部插入内容

<body>
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
</body>
</html>
<script>
    $("ul").append("<li>444</li>","<li>555</li>")
</script>

2、prepend()

prepend()方法在子元素的头部插入内容

3、before()

before() 方法在同级元素的前面插入内容

<body>
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
</body>
</html>
<script>
    $("ul").before("<ul><li>000</li></ul>")
</script>

4、after()

after() 在同级元素的后面插入内容

5、insertAfter()

该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之后。（可以用于对调元素）

6、insertBefore()

添加到被选元素之前（可以用于对调元素）

7、replaceWith()

用参数（标签）替换目标标签

YUHUI01

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery——插入元素（append()、prepend()、after()、before()、insertAfter()、insertBefore()、replaceWith()）

append()、prepend()、after()、before()都支持多个参数1、append()append() 该方法是在子元素的尾部插入内容&lt;body&gt; &lt;ul&gt; &lt;li&gt;111&lt;/li&gt; &lt;li&gt;222&lt;/li&gt; &lt;li&gt;333&a
复制链接

扫一扫