jQuery刪除節點

jQuery中三種刪除節點的方法 remove(),detach(),empty()

1、remove()

作用:當某個節點用remove()方法刪除後,該節點所包含的所有後代節點將同時被刪除,但不會從jQuery對象中刪除,因而可以在將來使用這些匹配的元素。之前綁定的事件將消失。

 detach()

作用:當某個節點用detach()方法刪除後,該節點所包含的所有後代節點將同時被刪除,但不會從jQuery對象中刪除,因而可以在將來使用這些匹配的元素。與remove()不同的是,所有綁定事件、附加數據等都會保留下來。

張小窩

王大米

使用remove方法刪除class爲"one"的p元素,重新追加後,點擊文字,顏色不變綁定事件失效

使用detach()方法刪除class爲"one"的p元素,重新追加後,點擊文字,顏色變化綁定事件保留

2、empty()

嚴格意義上講,empty()方法並不是輸出節點,而是清空節點,它能清空元素中的所有後代節點。

  • 蘋果
  • 香蕉
  • 荔枝


當代碼運行後,第二個<li>元素的內容被清空,只剩下<li>標籤默認的符號“ . ”



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章