jquery绑定事件失效的情况(转)

原文地址：http://www.thinksaas.cn/group/topic/348453/

jQuery中文api地址：http://www.jquery123.com/api/

jQuery官网api地址：http://api.jquery.com/

现在的web项目，不使用jquery的恐怕极少。但是在使用jquery时，也会发现一些异常的情况。 一般我们如下绑定点击等事件：

$("body").on('click', '.music li', function(event){

alert(this);
//[object HTMLLIElement]

alert(event.target);
//[object HTMLLIElement]

alert(event.currentTarget);
//[object HTMLLIElement]

$("#myAudio").attr("src","music/"+$.trim($(this).text()));

});

View Code
总结： 1）理解 event, event.target, event.currentTarget, this 2）事件冒泡机制 3）一切事件绑定事件推荐使用on函数，事件代理一定要指定on函数的过滤参数，也就是event。target对象。 4）非事件代理中，this, event.currentTarget 都是变化的，event.target始终指向直接触发事件的那个元素。但是在事件代理中，三者是一致的，都是指直接触发事件的元素。