jQuery 删除元素

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

要删除元素和内容，主要有两种jQuery方法：

remove() 删除所选元素（及其子元素）
empty() 从所选元素中删除子元素

jQuery remove()方法

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

   
      <head>
          <script type="text/javascript" src="jquery.js"></script>
          <script type="text/javascript">
             $("#div1").remove();
          </script>
      </head>

尝试一下

jQuery empty()方法

jQuery empty()方法删除所选元素的子元素。

   
      <head>
          <script type="text/javascript" src="jquery.js"></script>
          <script type="text/javascript">
             $("#div1").empty();
          </script>
      </head>

尝试一下

过滤要删除的元素

jQuery remove()方法也接受一个参数，它允许您过滤要删除的元素。

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

以下示例使用class =“test”删除所有<p>元素：

   
      <head>
          <script type="text/javascript" src="jquery.js"></script>
          <script type="text/javascript">
            $("p").remove(".test");
          </script>
      </head>

尝试一下

此示例使用class =“test”或class =“demo”删除所有<p>元素：

   
      <head>
          <script type="text/javascript" src="jquery.js"></script>
          <script type="text/javascript">
             $("p").remove(".test, .demo");
          </script>
      </head>

尝试一下

有关所有jQuery HTML方法的完整概述，请转到我们的jQuery HTML/CSS手册