使用 jQuery,可以轻松删除现有的 HTML 元素。
删除元素/内容
要删除元素和内容,主要有两种 jQuery 方法:
remove()- 删除选定的元素(及其子元素)
empty()- 从选定元素中删除子元素
jQuery remove() 方法
jQueryremove()方法删除选定的元素及其子元素。
例子
$("#div1").remove();
jQuery empty() 方法
jQueryempty()方法删除所选元素的子元素。
例子
$("#div1").empty();
过滤要移除的元素
jQueryremove()方法还接受一个参数,允许您过滤要删除的元素。
该参数可以是任何 jQuery 选择器语法。
以下示例删除所有<p>带有 的元素class="test":
例子
$("p").remove(".test");
此示例删除所有带有和 的 <p>元素: class="test"class="demo"
例子
$("p").remove(".test, .demo");
jQuery 练习
通过练习测试自己
锻炼:
使用 jQuery 方法删除<div>元素。
$(“div”).
();
开始练习
jQuery HTML 参考
有关所有 jQuery HTML 方法的完整概述,请访