jQuery删除元素remove


在DOM操作页面时，删除元素的方法jquery提供了两种，即remove（）和empty（），严格意义上说，empty（）方法并非真正意义上得删除，使用该方法。仅仅可以清空全部的节点或节点所包括的所有后代元素，并非删除节点和元素。

remove（）方法的语法格式为：

   remove（[expr]）其中参数expr为可选项，如果接受参数。则该参数为筛选元素的jquery表达式，通过该表达式获取指定的元素，并进行删除。

empty（）方法的语法格式为：

empty（） 清空所选择的页面元素或所有的后代元素。


示例：

  1.     <script type="text/javascript">  
  2.         $(function() {  
  3.             $("ul li:first").css("font-weight", "bold");//设置首行  
  4.             $("#Button1").click(function() {  
  5.                 $("ul li").remove("li[ttitle=t]");//删除指定属性的元素  
  6.                 $("ul li:eq(1)").remove();//删除节点中第2个元素  
  7.             })  
  8.         })  
  9.     </script>  
  10. </head>  
  11. <body>  
  12.      <ul>  
  13.          <li>学号</li>  
  14.          <li title="t">1001</li>  
  15.          <li>1002</li>  
  16.          <li>1003</li>  
  17.          <li style="text-align:center;padding-top:5px">  
  18.                 <input id="Button1" type="button" value="删除" class="btn" />  
  19.          </li>  
  20.      </ul>  
  21.        
  22. </body>  

相关内容