jQuery empty() 方法

实例

删除所有 <div> 元素的内容:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div").empty();
  });
});
</script>
</head>
<body>
<div style="height:100px;background-color:yellow">
  这是一些文本
  <p>这是 div 中的一个段落。</p>
</div>
<p>这是 div 之外的一个段落。</p>
<button>删除 div 元素的内容</button>
</body>
</html>

运行一下

定义与用法

empty() 方法从选定元素中删除所有子节点和内容。

注意：此方法不会删除元素本身或其属性。

提示：要在不删除数据和事件的情况下删除元素，请使用 detach() 方法。

提示: 要删除元素及其数据和事件，请使用 remove() 方法。

语法

$(selector).empty()

jQuery empty() 方法

实例

定义与用法

语法

分类导航