jQuery empty() 方法用于从被选元素中删除所有内容,包括所有文本和子节点。
$(selector).empty();
empty() 方法不会影响被选元素的属性,如 id 和 class。它只是清除元素中的内容,而不是删除元素本身。
empty() 方法可以用于任何 HTML 元素,包括
$("#div1").empty();
上面的代码将会清除 id="div1" 的所有内容(文本和子节点)。
如果要删除一个元素及其子元素,请使用 remove() 方法。remove() 方法会删除整个元素(包括所有属性和子节点)。
$("#div1").remove();
上面的代码将会删除 id="div1" 的整个元素及其子节点。
empty() 方法不会影响 CSS 属性或者事件处理函数;而 remove() 方法会影响 CSS 属性或者事件处理函数。因此在使用时要根据实际情况来选择合适的方法。
jQuery HTML/CSS 方法
移除所有 <div> 元素的内容:
empty() 方法从被选元素所有子节点和内容。
注意:该方法不会移除元素本身,或它的属性。
提示:如需移除元素,但保留数据和事件,请使用 detach() 方法。
提示:如需移除元素及它的数据和事件,请使用 remove() 方法。
jQuery HTML/CSS 方法
jQuery 遍历参考手册实例构建表单中所有值的列表:$(p).append( $(input).map(function(){return $(this).val();}).get().join(,...
jQuery 效果参考手册实例以滑动方式显示隐藏的 p 元素:$(.btn2).click(function(){$(p).slideDown();});亲自试一试定义和用法sl...
jQuery 效果参考手册实例切换 p 元素的显示与隐藏状态:$(.btn1).click(function(){$(p).hide();});亲自试一试定义和用法toggle(...
jQuery 文档操作参考手册实例在每个 p 元素结尾插入内容:$(button).click(function(){$(bHello World!/b).appendTo(p);});亲自...
jQuery 文档操作参考手册实例设置所有 p 元素的内容:$(".btn1").click(function(){$("p").html("Hello bworld/b!");});亲自试一...