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>  

相关推荐