简述jQuery中删除DOM节点的方法

作者：小丑西瓜9 | 2024-05-15 16:55:23

踩

简述jQuery中删除DOM节点的方法

介绍

empty()	删除匹配的元素集合中所有的子节点，不包含自身
remove([Expr])	删除匹配元素，包含自身

区分

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>

结果如下：

此处p标签内的内容已被清空。

2、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>
    </body>
</html>

结果如下:

可见remove方法让p标签连带其内部标签一同消失。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/573978