remove()方法
<body>
? ? <h3>給頁(yè)面2個(gè)p元素節(jié)點(diǎn)綁定點(diǎn)擊事件,點(diǎn)擊后彈出自己本身的節(jié)點(diǎn)內(nèi)容</h3>
? ? <p>元素p1,同時(shí)綁定點(diǎn)擊事件</p>
? ? <p>元素p2,同時(shí)綁定點(diǎn)擊事件</p>
? ? <h3>通過點(diǎn)擊2個(gè)按鈕后觀察方法處理的區(qū)別</h3>
? ? <button>點(diǎn)擊通過remove處理元素p1</button>
? ? <button>點(diǎn)擊通過detach處理元素p2</button>
</body>
<script type="text/javascript">
? ? //給頁(yè)面上2個(gè)p元素都綁定時(shí)間
? ? $('p').click(function(e) {
? ? ? ? alert(e.target.innerHTML)
? ? })
? ? $("button:first").click(function() {
? ? ? ? var p = $("p:first").remove();
? ? ? ? p.css('color','red').text('p1通過remove處理后,點(diǎn)擊該元素,事件丟失')
? ? ? ? $("body").append(p);
? ? });
remove處理后的p1不是移除了嗎,怎么還能通過append()顯示
2017-02-03
在執(zhí)行完remove()操作之后還會(huì)返回$('p:first)為刪除之前的引用,被p保存了。每次執(zhí)行完jQuery的操作之后都會(huì)返回一個(gè)jQuery對(duì)象,這是鏈?zhǔn)讲僮鞯幕A(chǔ),你可以理解為這里p先存了,然后才刪除的,所以可以append。
2017-02-27
數(shù)據(jù)沒有刪除啊 ?。。數(shù)據(jù)不是也被復(fù)原了嗎
2017-02-03
變量p保存了被刪除的p1; ? ? p1被刪除,html文檔中沒有p1了.