返回宝典

jQuery 移除元素

上一节 下一节

jQuery删除元素和内容

jQuery删除元素和内容主要常用如下两种方法:

  • remove() - 删除指定选择的元素,包括其所有子元素运行一下
  • empty() - 清空指定选择元素的内容及所有子元素运行一下

remove() 方法

jQuery的remove()方法可删除指定选择的元素,包括其所有子元素。

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

运行一下

empty() 方法

jQuery的empty()方法可清空指定选择元素的内容及所有子元素。

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

运行一下


本节已完,可以直接去学习下一节了;下面说的是奇技淫巧,而且是专否并不推荐的奇技淫巧,大致看一下就好啦~


根据过滤条件来删除元素

jQuery的remove()方法可以传入1个参数作为过滤条件,以选择符合传入参数条件的元素进行删除。如下所示,删除所有class="test"的p元素:

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


再举一个例子,即删除所有class="test"或class="jerk"的p元素:

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

运行一下


但是,这里不推荐上述写法,推荐如下写法,直接用jQuery的选择器来选择指定元素就ok啦,没必要搞华而不实的花样(推荐与不推荐,是专否的一家之言,仅供参考):

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

运行一下


jQuery 移除元素

上一节 下一节