                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(三)—事件篇

this和target的區別

測試一里的代碼改成 ? ? ? ?$("h2").next().click(function(){ ? ? ? ? ? alert(this.innerHTML); ? ? ? ?}); ? ? ? ? $("button:eq(0)").click(function() { ? ? ? ? ? ?$("h2").next().click(); ? ? ? ?}); 達到的效果跟測試二一樣，那誰能告訴我this和event.target的區別，我百度別人說是this是變化的，而event.target總是觸發事件的元素，這個理解不了，有實際例子嗎？

stupidpppp

2017-05-05

源自：jQuery基礎(三)—事件篇 2-1

關注問題我要回答

1495

操作

收起

1 回答

qq_Retainfate_0 回答被采納 +3 積分
2017-05-06

this指的是綁定事件函數的那個對象，而e.target指的是事件發生的真正目標對象。多用在事件委托上。父級元素綁定事件，子級元素作為點擊目標對象。this指的是父級元素，而e.target指的是子級元素。例如，一個div里面有一個列表，對div綁定一個點擊事件，讓里面的li點擊發生變色，我們不需要對每個li進行綁定，只需要給div綁定事件，然后讓e.target.style.backgroundColor改變就可以實現。