在DOM操作頁面時,刪除元素的方法jquery提供了兩種,即remove()和empty(),嚴格意義上說,empty()方法並非真正意義上得刪除,使用該方法。僅僅可以清空全部的節點或節點所包括的所有後代元素,並非刪除節點和元素。
remove()方法的語法格式為:
remove([expr])其中參數expr為可選項,如果接受參數。則該參數為篩選元素的jquery表達式,通過該表達式獲取指定的元素,並進行刪除。
empty()方法的語法格式為:
empty() 清空所選擇的頁面元素或所有的後代元素。
示例:
- <script type="text/javascript">
- $(function() {
- $("ul li:first").css("font-weight", "bold");//設置首行
- $("#Button1").click(function() {
- $("ul li").remove("li[ttitle=t]");//刪除指定屬性的元素
- $("ul li:eq(1)").remove();//刪除節點中第2個元素
- })
- })
- </script>
- </head>
- <body>
- <ul>
- <li>學號</li>
- <li title="t">1001</li>
- <li>1002</li>
- <li>1003</li>
- <li style="text-align:center;padding-top:5px">
- <input id="Button1" type="button" value="刪除" class="btn" />
- </li>
- </ul>
-
- </body>