[jQuery] event.target, $(this)

  • 0
Reference: Eventsevent.target | jQuery
event.target: The DOM element that initiated the event.
event.currentTarget (=== this): The current DOM element within the event bubbling phase.
--
$("body").click(function(event) {
  $("#log").html("clicked: " + event.target.nodeName);
});
event.target 是誰(哪個 DOM)觸發了這個 event,
$(this) 是綁定的 DOM
在這個例子中,$(this) 是 body, event.target則是你點到的是哪個 DOM
--
請參考 JQuery -- this 和$(this) 的區別
this,如果是取得元素的話,則對應當前元素的對象
$(this)則是當前元素被jQuery處理的對象
在寫的時候盡量使用 $(this)

沒有留言 :

張貼留言