jquery中如何使用event.target

最近在用jquery做一个项目的前端，遇到了一个问题需要用event来得到触发元素的id，查了一些资料，看到一篇这方面的blog，虽然字数不多但很是受用，跟大家分享下！

引用

1.this和event.target的区别：
js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；
2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);

eg:

  
  $(function(){  
  $("li").live("click",function(event){  
      $("#temp").html("clicked: " + event.target.nodeName);  
      $(event.target).css("color","#FF3300");  
   })
  }); 

等同于：

  $(function(){  
  $("li").live("click",function(event){  
    $("#temp").html("clicked: " + event.target.nodeName);  
    $(this).css("color","#FF3300");  
    event.stopPropagation();  
  })  
}); 

评论

1 楼 yaohuiye 2012-09-10  

不错不错，解决了问题，可以让我安心的吃饱去咯