jQuery删除元素---remove()与empty()

最新推荐文章于 2024-03-22 23:22:32 发布

搞钱自律

最新推荐文章于 2024-03-22 23:22:32 发布

阅读量757

点赞数 1

分类专栏：前端文章标签： remove() empty()

本文链接：https://blog.csdn.net/weixin_43472934/article/details/89884747

版权

前端专栏收录该内容

40 篇文章 0 订阅

订阅专栏

jQuery删除元素—remove()与empty()

remove() - 删除被选元素（及其子元素）
empty() - 从被选元素中删除子元素

举例：remove()

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").remove();
  });
});
</script>
</head>
<body>

<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">

这是 div 中的一些文本。
<p>这是在 div 中的一个段落。</p>
<p>这是在 div 中的另外一个段落。</p>

</div>
<br>
<button>清空div元素</button>

</body>
结果自己实现看看。

举例：empty()

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").empty();
  });
});
</script>
</head>
<body>

<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">

这是 div 中的一些文本。
<p>这是在 div 中的一个段落。</p>
<p>这是在 div 中的另外一个段落。</p>

</div>
<br>
<button>清空div元素</button>

</body>
结果自行运行实现观看。

搞钱自律

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery删除元素---remove()与empty()

jQuery删除元素—remove()与empty()remove() - 删除被选元素（及其子元素）empty() - 从被选元素中删除子元素举例：remove()<script>$(document).ready(function(){ $("button").click(function(){ $("#div1").empty(); });});...
复制链接

扫一扫

专栏目录