1. 程式人生 > >jquery的delegate實現原理

jquery的delegate實現原理

//對標籤繫結點選事件  但是 該方法對動態生成的元素無法生效
$('.btn').bind('click',function(){
          alert('點選了');
})
//jquery處理
$('document').delegate('.btn','click',function(){
       alert('點選了');
});

//其實原理就是利用了JS事件的冒泡機制 在document(或事件源的父層也可以)進行監聽 冒泡到監聽點後 判斷事件源是否自己設定的元素
$(document).bind('click',function(e){
       var ev=e||event;
       var target=$(ev.target||ev.srcElement);
       if(target.hasClass('btn')){
                  alert('點選了');
                  return false;
       }
       return true;
});



//