我們從綁定事件開始,一步步往下看:
以jquery.1.8.3為例,平時通過jquery綁定事件最常用的是on方法,大概分為下面3種類型:
$(target).on('click',function(){ //函數(shù)內(nèi)容 })
$(target).on('click','.child',function(){ //函數(shù)內(nèi)容 })
$(target).on({ click:function(){}, mouseover:function(){}, mouseout:function(){} })
第一種是我們最常用的寫法,通過元素選擇器,直接綁定事件;
第二種則是利用了事件委托原理,由最初的父元素代理子元素的事件,動態(tài)添加的元素綁定事件用第一種方法時無效的;