jQuery dom_remove



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


移除元素/内容

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

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

jQuery remove() 方法

jQuery remove()移除所选元素及其子元素

$("#div1").remove();

让我试试


jQuery empty() 方法

jQuery empty() 从所选元素中移除子元素

$("#div1").empty();

让我试试


过滤要移除的元素

jQuery remove() 方法还接受一个参数,该参数允许您筛选要移除的元素。

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

下面的实例将删除所有class="test"的<p>:

$("p").remove(".test");

让我试试

下面的实例将删除所有class="test" 和 class="demo"<p>元素:

$("p").remove(".test, .demo");

让我试试