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>標籤默認的符號“ . ”