jq事件绑定

Question

$(document).on('click',function(event){     if($(event.target).is('[data-btn-rank]')){
         alert("ppp")     
     }
})
$("body").on('click','[data-btn-rank]',function(event){
     alert("ppp")            
})

这两种绑定方法效果完全一样吗？还是有其他区别？

Answer 1

说在前面：一般不会把事件绑定到document上假设你的问题是这样：$('body').on('click', function(event) {    /* some code */}); $('body').on('click', '[data-btn-rank]', function(event) {    /* some code */        });共同点：Function对象都是绑定在body元素上不同点（即区别）：前者：点击body时触发后者：点击[data-btn-rank]元素，冒泡到body时触发以上。