關于$('p').click(function(e) { alert(e.target.innerHTML) })
不是很理解
$('p').click(function(e) {
? ? ? ? alert(e.target.innerHTML)
? ? })
這個行代碼的作用，是為了證明remove（）和detacg()不同的刪除節點？那為什么上一節也要加上這個事件呢
慕雪0535062
2018-12-26
3 回答
舉報
0/150
提交
取消
2018-12-27
這行代碼是給2個p綁定事件。方便看出detach和remove的區別，detach后綁定的事件依然存在。
點擊兩個按鈕，再點擊下面的p元素，就可以看出區別。
2019-09-14
是為了證明用remove()刪除是把一切都刪除了包括事件，而detach()刪除是暫時刪除，append之后又顯示回來了，包括事件也仍存在著，只是文本內容通過text替代了之前的文本，所以append之后文本和點擊事件都還在
2019-02-28
?$('p').click(function(e)?{????????alert(e.target.innerHTML)????})????$("button:first").click(function()?{????????var?k?=?$("p:first").remove();????????k.css('color','red').text('p1通過remove處理后,點擊該元素,事件丟失')????????$("body").append(k);????});????$("button:last").click(function()?{????????var?k?=?$("p:first").detach();????????k.css('color','blue').text('p2通過detach處理后,點擊該元素事件存在')????????$("body").append(k);????});那段代碼的意思是給p綁定事件，點擊p標簽的內容會彈出內容，若不是p標簽的內容，就不會彈出內容，反過來說明該內容不是p標簽的。
這么說吧，點擊了remove按鈕后出現的內容其實是?
<body >??p1通過remove處理后,點擊該元素,事件丟失</body>
點擊那段紅字是不后悔彈出內容的，說明p標簽不在，被刪除了。
點擊的了detach按鈕出現的內容是
<body><p>p2通過detach處理后,點擊該元素事件存在</p></body>
點擊藍字會彈出內容，說明p標簽還在。