JQuery中的empty()与remove()

最新推荐文章于 2019-12-01 23:42:28 发布

♛Tony〒G〒Han♛

最新推荐文章于 2019-12-01 23:42:28 发布

阅读量131

点赞数

本文链接：https://blog.csdn.net/Cloud_lfqc/article/details/103015680

版权

empty(x)方法是将所选中元素x的所有子节点删除，但不包括自身

<!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(x)方法是将所选中的元素x删除，包括自身

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