返回值:jQueryempty()

选择所有不含任何子元素以及文本节点的元素。

这个选择器与 :parent 正好相反。

注意:empty (和 :parent) 所涉及的子元素,包括文本节点!

W3C 推荐 <p> 元素应当至少包含一个子元素,即使那个子元素仅仅是一个文本节点也好。(参考 http://www.w3.org/TR/html401/struct/text.html#edef-P)。另一方面,某些元素始终被定义成空元素,比如: <input>, <img>, <br>, and <hr>

示例:

查找所有空元素——即不含有子元素和文本的元素。

<!DOCTYPE html>
<html>
<head>
<style>
  p { background:yellow; }
</style>
<script src="jquery.min.js"></script>
</head>
<body>

<p>
  Hello, <span>Person</span> <a href="javascript:;">and person</a>
</p>

<button>Call empty() on above paragraph</button>

<script>


  $("button").click(function () {
    $("p").empty();
  });


</script>
</body>
</html>
演示: