jQuery中的append()方法

由于本人今天在一道题目的时候发现append()方法的神奇之处，所以特来分享
append()在指定元素插入一个新的节点或者元素，但是今天我再使用这个方法的时候他会覆盖类名相同的标签，

```javascript
<body>
    
    <div class="box">
        <div class="b01">

        </div>
        <div class="b02">

        </div>
    </div>
    <button>点击</button>

    <script>
        $(function(){

            $("button").click(function(){
                $(".box").append($(".b01").css("background-color","yellow"))
            })

        })
    </script>
</body>

本来我以为运行的会是在box的后面追加一个元素 谁知却不是 下述是结构：
在这里插入图片描述
运行结果如下：
在这里插入图片描述
由此可见 append()方法会覆盖类名相同的，所以使用的伙伴们一定要注意一下

版权声明：本文为weixin_45631645原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。