通过 jQuery,可以很容易地删除已有的 HTML 元素。
删除元素/内容
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
jQuery remove() 方法删除被选元素及其子元素。
ps:所选元素加上子元素都会被删除
code:
$(document).ready(function(){
$("button").click(function(){
$("#div1").remove();
});
});
This is some text in the div.
This is a paragraph in the div.
This is another paragraph in the div.
删除 div 元素
jQuery empty() 方法
jQuery empty() 方法删除被选元素的子元素。
ps:只删除所选元素的子元素,下面效果是清楚div里面的内容
code:
$(document).ready(function(){
$("button").click(function(){
$("#div1").empty();
});
});
过滤被删除的元素
jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。
该参数可以是任何 jQuery 选择器的语法。
下面的例子删除 class="italic" 的所有
元素
$(document).ready(function(){
$("button").click(function(){
$("p").remove(".italic");
});
});
标签:jQuery,function,删除,元素,remove,div
来源: https://www.cnblogs.com/huchong-bk/p/11368607.html