最新的Web开发教程
 

jQuery - 删除元素


使用jQuery,很容易删除现有的HTML元素。


删除元素/内容

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

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

jQuery的remove()方法

jQuery的remove()方法删除选定的element(s)和它的子元素。

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

jQuery的empty()方法

jQuery的empty()方法删除选定的子元素element(s)

$("#div1").empty();
试一试»

过滤器被删除的元素

jQuery的remove()方法也接受一个参数,它可以过滤要删除的元素。

该参数可以是任何jQuery选择语法。

下面的例子将删除所有<p>与要素class="test"

$("p").remove(".test");
试一试»

此示例删除所有<p>与要素class="test"class="demo"

$("p").remove(".test, .demo");
试一试»

自测练习用!

练习1» 练习2» 练习3» 练习4»


jQuery的HTML参考

对于所有的jQuery HTML方法的完整概述,请访问我们的jQuery HTML / CSS参考