Jquery是一款非常流行的JavaScript框架,其中click和on是Jquery中的兩個非常常用的事件函數(shù)。這兩個函數(shù)的用法有所不同,下面我們來詳細介紹一下。
首先,我們來看一下click函數(shù)。這個函數(shù)用于在元素被點擊時觸發(fā)事件。它的語法如下:
$(selector).click(function(){ //這里是被觸發(fā)的事件 });
其中,selector是指要綁定事件的元素選擇器,function是要執(zhí)行的函數(shù)。事實上,我們也可以將click函數(shù)寫成以下形式:
$(selector).click(handler); function handler(){ //這里是被觸發(fā)的事件 }
接下來,我們來看一下on函數(shù)。與click函數(shù)不同的是,on函數(shù)可以在指定元素上綁定多個事件。它的語法如下:
$(selector).on(event,childSelector,data,function(){ //這里是被觸發(fā)的事件 });
其中,event指定元素要綁定的事件,childSelector表示被選定子元素,data用來傳遞數(shù)據(jù),function表示要執(zhí)行的函數(shù)。此外,我們也可以將on函數(shù)寫成以下形式:
$(selector).on(event,data,function(){ //這里是被觸發(fā)的事件 }); 或者 $(selector).on({ event1:function(){ //這里是被觸發(fā)的事件1 }, event2:function(){ //這里是被觸發(fā)的事件2 }, ... });
總之,click和on是Jquery中兩個常用的事件函數(shù),它們的使用方法都比較簡單。不過,我們在使用它們的時候也要注意細節(jié)。例如,當我們向一個元素綁定多個事件時,on的性能優(yōu)勢就會變得非常明顯。這些都需要我們在使用的時候仔細思考。