                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(二)—DOM篇

detach()和remove()的區(qū)別

var p = $("p:first").remove();

p.css('color','red').text('p1通過remove處理后,點(diǎn)擊該元素,事件丟失')

$("body").append(p);

以上代碼，p首先被移除掉了，自身元素p標(biāo)簽也應(yīng)該將移除了，可是為什么p又重新設(shè)置樣式及內(nèi)容的時(shí)候卻還是會(huì)是p標(biāo)簽?zāi)?/p>

IsYang

2016-03-31

源自：jQuery基礎(chǔ)(二)—DOM篇 4-5

關(guān)注問題我要回答

1419

操作

收起

3 回答

ray1208
2016-07-27

在一個(gè)函數(shù)里，定義一個(gè)臨時(shí)變量，remove()：臨時(shí)變量清空/detach()：臨時(shí)變量內(nèi)的值還在。當(dāng)然函數(shù)執(zhí)行完畢以后，所有的這些，都釋放了，消逝在風(fēng)雨中。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

湮滅狐貍
2016-04-17

var p = $("p:first").remove();

1：console.log(p.html())

2：console.log(p)

p.css('color','red').text('p1通過remove處理后,點(diǎn)擊該元素,事件丟失')

$("body").append(p);

1:元素p1，同時(shí)綁定點(diǎn)擊事件

2:[p, prevObject: jQuery.fn.jQuery.init[1], context: document, selector: "p:first"]

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_悠悠我心_4

這個(gè)可不可以這么理解，var p = $("p:first").remove();雖然remove掉了<p>節(jié)點(diǎn)，只是把<p>從文檔中清楚了，但是還可以被其他的使用，要不alert(p.html())怎么還會(huì)alert出（元素p1，同時(shí)綁定點(diǎn)擊事件）呢？這點(diǎn)不懂，求指教！謝謝

2016-07-17 回復(fù) 有任何疑惑可以回復(fù)我~

#2

qq_悠悠我心_4 回復(fù) qq_悠悠我心_4

從DOM中刪除所有匹配的元素。這個(gè)方法不會(huì)把匹配的元素從jQuery對(duì)象中刪除，因而可以在將來再使用這些匹配的元素。但除了這個(gè)元素本身得以保留之外，其他的比如綁定的事件，附加的數(shù)據(jù)等都會(huì)被移除。

2016-07-17 回復(fù) 有任何疑惑可以回復(fù)我~