JavajQuery删除DOM节点

最新推荐文章于 2023-08-03 15:30:00 发布

Happy_syy

最新推荐文章于 2023-08-03 15:30:00 发布

阅读量166

点赞数

本文链接：https://blog.csdn.net/Happy_syy/article/details/103015772

版权

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

<!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([expr]) ：删除匹配元素，包括子节点，自身也删除；

<!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>
	</body>
</html>

运行结果
在这里插入图片描述
remove删除节点，

<!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>