jQuery是目前最流行的JavaScript框架之一,其中的onlive和on方法也是使用最廣的兩個方法之一。
$(selector).onlive(event,childSelector,data,function){ //code here });
onlive方法是jQuery封裝的比較新的方法之一,它的作用是在動態加載的元素上綁定事件。與on方法相比,onlive方法的區別在于動態添加的元素可以綁定事件。
$(selector).on(event,data,function){ //code here });
而on方法則是最常用的事件綁定方法之一,這個方法的靈活性非常高,比如你可以只傳入事件名稱和處理函數,也可以通過選擇器和數據對象來過濾選擇子元素。
例如:
$('#myId').on('click',function(){ //code here }); $('#myId').on('click','a',function(){ //code here }); $('#myId').on('click',{name:'Bob'},function(event){ //code here });
如上述代碼所示,第一句代碼是對#myId元素的click事件進行監聽,而第二句代碼則是對#myId元素下的所有a標簽進行監聽。第三句代碼則是通過事件對象訪問附加的數據對象{name:'Bob'}。
總之,jQuery的onlive和on方法的用途是很廣泛的,也很實用。