1. 程式人生 > >關於清空節點刪除節點和clone方法

關於清空節點刪除節點和clone方法

了解 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方法