📌  相关文章
📜  jquery 中的 .empty() - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:12.974000             🧑  作者: Mango

jQuery中的 .empty() - JavaScript

简介

.empty() 是jQuery中的一个函数，它用于清空一个元素的所有子元素。

语法
$(selector).empty();

其中 $(selector) 表示要清空子元素的选择器。

示例

以下是一个示例，展示了如何使用 .empty() 函数清空一个元素的所有子元素：

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>

<div id="container">
  <p>这是第一个段落。</p>
  <p>这是第二个段落。</p>
</div>

<button onclick="emptyContainer()">清空容器</button>

<script>
function emptyContainer() {
  $("#container").empty();
}
</script>

</body>
</html>

当点击“清空容器”按钮时，#container 元素的所有子元素都被清空。可以在浏览器的开发者工具上查看元素变动。

注意事项
  • .empty() 函数只清空子元素，而不会删除元素本身。
  • .empty() 函数执行后，所有子元素绑定的事件会被移除。如果希望保留事件绑定，则需要使用 .remove() 函数。
  • 在使用 .empty() 函数时，应该确保不存在被其他元素引用的子元素。否则，这些子元素将会被一同移除。
参考资料