jQuery的增删改查replaceWith，replaceAll，remove，empty

最新推荐文章于 2022-09-29 09:08:02 发布

李丨少

最新推荐文章于 2022-09-29 09:08:02 发布

阅读量183

点赞数 1

文章标签： jquery

本文链接：https://blog.csdn.net/u013313232/article/details/109277468

版权

jQuery的增删改查replaceWith

replaceWith() a.replaceWith(b) 用 b 替换掉 a

代码

        $(function () {
        // $("<h1>我是通过appendTo插入进来的，是div下的子元素</h1>").appendTo("div");

            //$("<h1>我是通过prependTo插入进来的，是div下的第一个子元素</h1>").prependTo("div");
           // insertAfter
            //$("<h1>asd</h1>").insertBefore("div");
            //insertBefore
            //$("<h1>asd</h1>").insertBefore("div");
            //replaceWith
            $("div").replaceWith("我来替换123456");

        });

    </script>
</head>
<body>

多选： <input name="checkbox" type="checkbox" checked="checked" value="checkbox1"/>checkbox1
<input name="checkbox" type="checkbox" value="checkbox2"/>checkbox2
<input name="checkbox" type="checkbox" value="checkbox3"/>checkbox3
<br/>  <br/>

<div>123</div>

<div>456</div>




</body>

成品替换掉了所有的div

在这里插入图片描述

~~ ------------------------------------------------------------------------------------------~~

replaceAll

replaceAll() a.replaceAll(b) 用 a 替换掉所有 b

        //  replaceAll

            $("<h3>asdasdasd</h3>").replaceAll("div");
        });

    </script>
</head>
<body>

多选： <input name="checkbox" type="checkbox" checked="checked" value="checkbox1"/>checkbox1
<input name="checkbox" type="checkbox" value="checkbox2"/>checkbox2
<input name="checkbox" type="checkbox" value="checkbox3"/>checkbox3
<br/>  <br/>

<div>123</div>

<div>456</div>

成品

在这里插入图片描述

删除：

remove() a.remove();

删除 a 标签 empty()
a.empty(); 清空 a 标签里的内容

remove
$(“div”).remove();

把div这个标签都删除了

在这里插入图片描述
empty

div标签还在但是里面的内容被删除了

在这里插入图片描述

李丨少

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery的增删改查replaceWith，replaceAll，remove，empty

jQuery的增删改查replaceWithreplaceWith() a.replaceWith(b) 用 b 替换掉 a代码 $(function () { // $("<h1>我是通过appendTo插入进来的，是div下的子元素</h1>").appendTo("div"); //$("<h1>我是通过prependTo插入进来的，是div下的第一个子元素</h1>").prependT.
复制链接

扫一扫