關於清空節點刪除節點和clone方法
阿新 • • 發佈:2018-02-03
了解 col 清除 兩個 一個 是什麽 appendto png blog
關於清空節點內容,在jquary裏的實現有:
1、html("")為空
$("div").html();//僅僅清空元素的內容,會保留事件
像這種就是清空內容,但是若是有事件的話還會保留,缺點在於會占用內存,雖然有時候占有內存不多但是總歸是占有一定的空間。
2、empty()
$("div").empty();//僅僅清空元素的內容,也會清空事件,釋放內存
而empty方法就是清空所有內容,包括清空事件,當然也就釋放了內存,解決了內存泄漏的問題。
以上兩個方法可以根據不同場景來應用。
接下來就是刪除節點remove方法了:
$("div").remove()//刪除自己
這個remove方法和empty方法的區別就是:前者是連自己都清除刪除掉了,而後者是刪除自己的“子孫後代”,就餓是內容及事件等。
說完刪除接下來就是來說說clone方法,也就是克隆方法。
$(".p").clone().appendTo("div");//clone()裏是參數的,不穿參數是深度復制
拿昨天博客的例子來說就是這段代碼復制了一個p到div裏面了,看效果圖:
有時候可能會有這樣的需求呢,那關於clone的方法是有參數的,關於兩個參數的區別是什麽呢,來看代碼:
//$(".p").clone(false).appendTo("div");//傳參數false和不穿參數是一樣的都是深度復制,但是不會復制事件 //$(".p").clone(true).appendTo("div")://都是深度復制,但是會復制事件
所以說一般情況不穿參數就是相當於直接傳了false,了解了區別我想在項目中就可以根據具體情況來具體應用了!
好了,今天就到這裏了~
關於清空節點刪除節點和clone方法