【JQuery】使用before()和after()在元素前后插入内容

最新推荐文章于 2023-02-17 16:46:14 发布

badlyForPapers

最新推荐文章于 2023-02-17 16:46:14 发布

阅读量1k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/happyhaojie/article/details/51042680

版权

jQuery 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

使用before(content)和after(content)方法可以在元素的前后插入内容。

参数content表示插入的内容，该内容可以是元素或HTML字符串。

它们分别表示在整个元素的前面和后面插入指定的元素或内容,这是和append()以及appendTo()的区别。

after是在该元素后面插入新的内容。两者是同级；

appendTo是插入到content内部是父级和子级的关系。

<body>
        <h3>after()方法在元素之后插入内容</h3>
        <span class="green">我们交个朋友吧！</span>
        
        <script type="text/javascript">
            var $html = "<span class='red'>兄弟。</span>"
            $(".green").after($html);
        </script>
    </body>

结果是：