JQuery移除指定元素

最新推荐文章于 2024-08-06 19:21:51 发布

Huahua,Zhu

最新推荐文章于 2024-08-06 19:21:51 发布

阅读量2.3w

点赞数

分类专栏： Web 文章标签： html empty remove

本文链接：https://blog.csdn.net/u010924878/article/details/78594310

版权

Web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

几个前端使用的移除元素的方法,可能这些方法还有别的作用，但是这里只说他们清空的作用：

remove() - 删除被选元素（及其子元素和注释---被选元素及其内部所有的内容）
empty() - 从被选元素中删除子元素（被选元素内部所有的内容）
html("")- 从被选元素中删除子元素（被选元素内部所有的内容）
empty和html是一样作用的。

下面使用代码进行测试：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<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;">
   <!-- 这是注释 -->
   This is some text in the div.
   <p>This is a paragraph in the div.</p>
   <p>This is another paragraph in the div.</p>
</div> 
<br>
<button>删除 div 元素</button>

</body>
</html>

测试remove()