jquery的元素删除操作

最新推荐文章于 2021-06-14 18:11:39 发布

天空守护云

最新推荐文章于 2021-06-14 18:11:39 发布

阅读量123

点赞数

本文链接：https://blog.csdn.net/weixin_44606660/article/details/88198036

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div class="box">
        <p>111</p>
        <p>222</p>
    </div>
    <div>
        test!!
    </div>
    <script src="lib/jquery-2.2.2.js"></script>
    <script>
        // var $o=$('.box').empty();//只清空内部，box还存在，返回.box元素本身，可以继续对其操作
        // var $o=$('.box').remove();//box全部移除，返回的是box的引用
        $('.box').data('username','john');
        $('.box').click(function(){
            var un=$('.box').data('username');
            alert('un');
        });
        // $('.box').remove().appendTo('body');//除了这个元素本身得以保留之外，其他的比如绑定的事件，附件的数据等都会被移除。
        //detach()
        $('.box').detach().appendTo('body');//与remove不同的是，所有绑定的事件、附加的数据等都会保留下来。
        $('div').remove('.box');
    </script>
</body>
</html>

天空守护云

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery的元素删除操作

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
复制链接

扫一扫