歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery刪除元素remove

jQuery刪除元素remove

日期:2017/3/1 10:59:43   编辑:Linux編程

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