📌  相关文章
📜  jQuery empty()(1)

📅  最后修改于: 2023-12-03 14:43:09.017000             🧑  作者: Mango

jQuery empty() 方法介绍

简介

empty() 方法是 jQuery 库中的一个函数，用于删除所选元素的所有子元素。

语法
$(selector).empty();
参数

该方法不接受任何参数。

返回值

empty() 方法返回被清空的元素。

示例

下面是一个简单的示例，展示了如何使用 empty() 方法删除元素的所有子元素：

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>

<div id="myDiv">
  <p>This is a paragraph.</p>
  <p>This is another paragraph.</p>
</div>

<script>
$(document).ready(function(){
  $("#myDiv").empty();
});
</script>

</body>
</html>

上述示例将删除 myDiv 元素的所有子元素（两个 <p> 元素），使其变为空的。

注意事项
  • empty() 方法只会删除元素的子元素，而不会删除元素自身。
  • 为了删除元素本身，可以使用 jQuery 的 remove() 方法。
  • empty() 方法可以与其他 jQuery 选择器和方法链式调用，实现更多操作。

更多关于 empty() 方法的详细信息，请参阅 jQuery 官方文档。