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时触发

以上。