通过 jQuery,可以很容易地删除已有的 HTML 元素。
删除元素/内容
如需删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
jQuery remove() 方法
jQuery remove() 方法删除被选元素及其子元素。
$(document).ready(function(){
$("button").click(function(){
$("#div1").remove();
});
});
这是 div 中的一些文本。
这是在 div 中的一个段落。
这是在 div 中的另外一个段落。
移除div元素
运行前:
image.png
运行后
image.png
jQuery empty() 方法
jQuery empty() 方法删除被选元素的子元素。
$(document).ready(function(){
$("button").click(function(){
$("#div1").empty();
});
});
这是 div 中的一些文本。
这是在 div 中的一个段落。
这是在 div 中的另外一个段落。
清空div元素
执行前
image.png
执行后
image.png