歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

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>  
Copyright © Linux教程網 All Rights Reserved