jQuery中empty和remove方法

最新推荐文章于 2022-06-10 21:00:34 发布

AnFooo

最新推荐文章于 2022-06-10 21:00:34 发布

阅读量931

点赞数 1

分类专栏： Java Web

本文链接：https://blog.csdn.net/DangerousMc/article/details/103015708

版权

Java Web 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

在jQuery中，empty()和remove()方法都是用来删除DOM节点的：

empty() ：删除匹配的元素集合中所有的子节点，不包括自身。

remove([expr]) ：删除匹配元素，包括自身及节点中内容。

二者的区别在于是否删除自身的元素，下面两个示例展示了这两个方法的作用：

下面的代码首先使用标签选择器获取p标签，然后用p标签调用empty()方法，删除的是被p标签包裹的所有子标签，运行结果如下，该处只剩下一个p标签：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<p><span>I </span><b>Love You.</b></p>
		<script>
			$("p").empty();
		</script>
	</body>
</html>

下面的代码使用标签选择器获取目标标签之后调用remove()方法删除掉的是匹配的整个元素，包括里面包裹的内容及自身。运行结果中p标签整个元素都不存在了，div中的span标签也是。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<p><span>I </span><b>Love You.</b></p>
		<script>
			$("p").remove();
		</script>
		
		<div><span>I </span><span class="letters">Love You.</span></div>
		<script>
			$("span").remove(".letters");//删除class为letters的所有span标签
		</script>
	</body>
</html>

AnFooo

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
jQuery中empty和remove方法

在jQuery中，empty()和remove()方法都是用来删除DOM节点的：empty() ：删除匹配的元素集合中所有的子节点，不包括自身。remove([expr]) ：删除匹配元素，包括自身及节点中内容。二者的区别在于是否删除自身的元素，下面两个示例展示了这两个方法的作用：下面的代码首先使用标签选择器获取p标签，然后用p标签调用empty()方法，删除的是被p标签包裹的所...
复制链接

扫一扫