jQuery删除DOM节点

jQuery删除DOM节点常采用以下方法:
**1、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>

**2、remove():**删除匹配元素;
示例如下:

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

发布了54 篇原创文章 · 获赞 1 · 访问量 863

猜你喜欢

转载自blog.csdn.net/weixin_44764207/article/details/103015739