1. 程式人生 > >JQuery節點的刪除方法

JQuery節點的刪除方法

mov 保持 emp 刪除元素 刪除節點 nbsp jquery 列表項 tle

jQuery提供了三種刪除節點的方法:remove()、detach()、empty()

1、remove()方法

格式:被刪除元素.remove()

當某個節點用remove()方法刪除後,該節點所包含的所有後代節點將同時被刪除。刪除的元素將從jQurey對象刪除,即使重新添加到了<ul>的最後面,但任失去了它原來的鼠標點擊綁定事件。

remove()函數可以帶參數,例如$("ul li").remove("li[title=菠蘿]");

當用$()取出元素被刪除後,雖然此對象在瀏覽器上沒有了,但元素仍然還在內存中,可以使用添加函數把刪除的元素重新添加到瀏覽器裏,

例如: var $li=$("ul li:eq(0)");//取出ul的第一個列表項

$li.remove();

//var $li=$("ul li:eq(0)").remove;

$li.appendTo("ul");//把刪除的元素添加到ul的列表項的最後面

2、detach()方法

被刪除的元素不會從jQuery對象中刪除,仍然保留在jQuery對象中,還可以添加到原來的父對象裏繼續保持著原來的綁定事件。

JQuery節點的刪除方法