很疑惑，求分享看法
很疑惑，看到這里一知半解的，點擊兩個按鈕都會新產(chǎn)生兩個p，效果沒看出有什么不一樣啊，有同學闊以講解一下嗎？
石榴笑了
2018-08-29
6 回答
舉報
0/150
提交
取消
2018-09-03
首先,看代碼,
? ? //給頁面上2個p元素都綁定事件
? ? $('p').click(function(e) {
? ? ? ? alert(e.target.innerHTML)
? ? })
? ? $("button:first").click(function() {
? ? ? ? var p = $("p:first").remove();
? ? ? ? p.css('color','red').text('p1通過remove處理后,點擊該元素,事件丟失')
? ? ? ? $("body").append(p);
? ? });
? ? $("button:last").click(function() {
? ? ? ? var p = $("p:first").detach();
? ? ? ? p.css('color','blue').text('p2通過detach處理后,點擊該元素事件存在')
? ? ? ? $("body").append(p);
? ? });
第一步使用jQuery給p綁定了一個點擊事件,在你點擊按鈕之前先點一下p文本會有彈框出現(xiàn),
然后你再點擊第一個按鈕的時候調(diào)用了remove()函數(shù), 將第一個p標簽刪除并轉(zhuǎn)移到下面,再次點擊會發(fā)現(xiàn)失去了點擊效果,
其次再點擊第二個按鈕,回去調(diào)用detach()函數(shù), 將上面剩下的p標簽刪除并轉(zhuǎn)移到下面,點擊時會發(fā)現(xiàn)點擊事件還在
2018-09-17
謝謝，看了石榴姐的說明才明白。
Thank you.
2018-09-03
刪除之前，點擊p1和p2都會彈框，刪除之后再添加的p1，點擊不會彈框，因為remove會連同它的點擊彈框方法都刪掉，p2則是用detach刪除的，只是在頁面不顯示，內(nèi)容方法都是保存的，這樣再添加 就還是會彈框
2018-09-03
2018-09-03
建議屏蔽這一行再看效果
2018-08-30
兩種寫法，結(jié)果都是一樣的