jQuery empty() 方法用于从选定元素中删除所有子节点和内容。此方法不会删除元素本身。

注意：

如果你想删除元素而不删除数据和事件，你应该使用 detach() 方法。

如果你想删除元素以及它的数据和事件，你应该使用 remove() 方法。

语法

$(selector).empty()

示例

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("div").empty();
    });
});
</script>
</head>
<body>
<div style="height:100px;width:200px;background-color:yellow">
点击下面的按钮看看效果<br>
	它会隐藏div元素的内容<br>
	p标签内容不会隐藏
</div>
<p>这一段写在div之外。</p>
<button> 点击移除div元素内容</button>
</body>
</html>
效果如下：

jQuery empty() 方法