jQuery - 删除元素


使用 jQuery,可以轻松删除现有的 HTML 元素。


删除元素/内容

要删除元素和内容,主要有两种 jQuery 方法:

  • remove()- 删除选定的元素(及其子元素)
  • empty()- 从所选元素中删除子元素

jQuery的remove()方法

jQueryremove()方法删除选定的元素及其子元素。

示例

$("#div1").remove();
亲自试一试 »

jQueryempty() 方法

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 方法的完整概述,请访问我们的jQuery HTML/CSS 参考