jQuery中empty与remove

最新推荐文章于 2024-01-04 15:02:05 发布

原创最新推荐文章于 2024-01-04 15:02:05 发布 · 223 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #jQuery

本文深入讲解了使用jQuery库中的empty()和remove()方法操作DOM元素的技巧。通过具体实例，展示了如何利用empty()方法清除匹配元素集合中的所有子节点，而不删除元素本身；以及如何运用remove()方法完全移除匹配的元素，包括元素自身。这两个方法为网页开发者提供了强大的DOM操作能力。

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

<body>
  	<p><span>I </span><b>Love You.</b></p>
  	<script>
   		$("p").empty();
   		//只留下空空的p标签，里面清空
   		$("p").remove();
   		//p标签整个都被删除了
  	</script>
</body>