首页 > 代码库 > jQuery 删除HTML元素

jQuery 删除HTML元素

jQuery使用下面两个方法来删除或是清空某个HTML元素。

  • remove() – 删除指定的元素(包括其子元素)
  • empty() – 清空指定元素的子元素

例如:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery Demo</title>
    <script src=http://www.mamicode.com/"scripts/jquery-1.9.1.js"></script>>
empty:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery Demo</title>
    <script src=http://www.mamicode.com/"scripts/jquery-1.9.1.js"></script>>
jQuery的remove()方法也支持一个参数,可以用于过滤一些需要删除的HTML元素。这个参数可以为任何有效的jQuery selector.
比如下面代码只删除class=”italic”的<p>元素:

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