jQuery 删除元素

  • 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手册