jQuery中empty选择器的用法和示例演示

jQuery中empty选择器的用法

jQuery的empty选择器用于从DOM中删除所有子元素，但不会删除本身，它可以用于清空元素中的内容，如文本、元素、属性等。

$("#div").empty();

上面的代码表示将id为div的元素的所有子元素清空，但div本身不会被删除。

jQuery中empty选择器的示例演示

下面我们来看一个例子，假设我们有一个div元素，里面有一些文本和其他元素。

    
这是一个标题
    
这是一段文本
    

        
列表项1
        
列表项2
        
列表项3
    

如果我们想要清空这个div元素中的所有内容，可以使用empty选择器：

$("#div").empty();

执行上面的代码后，div元素中的所有内容都会被清空，只剩下div元素本身：