jQuery中DOM节点删除之empty与remove
前言
最近刚学了新知识，虽然是一个小知识点，但还是忍不住想和大家分享。本文的内容主要针对的是初学者，如果大家有什么意见或者问题都可以留言交流的，下面来看看详细的介绍吧。
.empty()是指对该节点后代的删除，结果是清空该节点（该节点里面已无元素）。
.remove()是指删除该节点，结果是删除该节点(该节点及其后代元素都将不存在)。
下面放代码来说明。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js "></script>
<style>
body{
background: #ffe5aa;
}
#test1{
width:100px;
height:100px;
background: #3db7ff;
}
#test2{
width:100px;
height:100px;
background: #ff179f;
}
</style>
</head>
<body>
<div class="whole">
<button class="bt1">通过empty删除节点</button>
<button class="bt2">通过remove删除节点</button>
</div>
<div id="test1">
<p>元素1</p>
<p>元素2</p>
</div>
<div id="test2">
<p>元素3</p>
<p>元素4</p>
</div>
<script type="text/javascript">
$(".bt1").on('click',function(){
$("#test1").empty();
})
$(".bt2").on('click',function(){
$("#test2").remove();
})
</script>
</body>
</html>
点击运行后，出现以下画面。
点击button1,将执行.empty()指令，预期将删除test1子节点元素。结果如下。
再点击button2,将执行.remove()指令。预期将删除test2及其后代子节点元素。结果如下。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
-
本文向大家介绍基于DOM节点删除之empty和remove的区别(详解)，包括了基于DOM节点删除之empty和remove的区别(详解)的使用技巧和注意事项，需要的朋友参考一下 要移除页面上节点是开发者常见的操作，jQuery提供了几种不同的方法用来处理这个问题，这里我们开仔细了解下empty和remove方法 empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了 指定元素中的
-
本文向大家介绍jQuery DOM删除节点操作指南，包括了jQuery DOM删除节点操作指南的使用技巧和注意事项，需要的朋友参考一下 下面示例可能用到如下HTML代码： 1、remove()方法： 作用：从DOM中删除所有匹配的元素，传入的参数用于根据jQuery表达式来筛选元素。 例如，删除上图中<ul>节点中的第二个<li>元素节点，jQuery代码如下： 当某个节点用remove()方法删
-
在本章中，我们将学习XML DOM删除节点的操作。删除节点操作是指从文档中删除指定的节点。实现此操作以移除诸如文本节点，元素节点或属性节点之类的节点。 以下是用于删除节点操作的方法 - 方法 方法 1. removeChild()方法 方法从子列表中删除指示的子节点，并将其返回。 删除子节点等同于删除文本节点。 因此，删除子节点会删除与其关联的文本节点。 语法 使用方法的语法如下 - 其中， -
-
问题内容： 我将如何删除JavaScript中DOM节点的所有子元素？ 说我有以下（丑陋的）HTML： 我抓住了我想要的节点，如下所示： 我怎么能去掉的孩子，这样正好还剩下什么？ 我可以做： 还是我应该使用某种组合？ 我希望答案直接是DOM；如果您还提供jQuery答案以及仅DOM答案，则需要加分。 问题答案： 选项1 A：清算innerHTML。 选项1 B：清算 textContent 选项2
-
本文向大家介绍Javascript removeChild()删除节点及删除子节点的方法，包括了Javascript removeChild()删除节点及删除子节点的方法的使用技巧和注意事项，需要的朋友参考一下 下面给大家介绍Javascript removeChild()删除节点的方法，具体详情如下所示： 在Javascript中，只提供了一种删除节点的方法：removeChild()。 rem
-
一直在阅读文件和其他职位，但我无法删除一个节点。我试图通过一个值来选择节点。 然后在结果上调用 remove 方法 除了空错误值之外，什么都不会发生。我使用的是最新的firebase，大多数示例都是针对旧版本的，因此我不确定是否需要获取密钥，然后尝试删除该密钥作为参考？ 这是第一次使用 firebase，所以我不确定我是否正确保存了数据。这是要保存的代码。 和屏幕截图