JQuery是一個(gè)JavaScript庫,它包含了很多已經(jīng)封裝好的函數(shù)和API,可以幫助我們簡化JavaScript開發(fā)的過程。在JQuery庫中,事件綁定是最常用的功能之一,并且在JQuery 2.0中事件綁定的操作更加簡單化。
在JQuery 2.0中,事件綁定的主要方法是on()方法,該方法可以用于為一個(gè)或多個(gè)指定事件綁定一個(gè)或多個(gè)事件處理函數(shù)。其基本語法如下:
$(selector).on(event,function(){ // 事件處理函數(shù) });
其中,selector是在DOM中選中一個(gè)或多個(gè)元素,event是綁定的事件,function是事件處理函數(shù),在事件發(fā)生時(shí)執(zhí)行。同樣,我們也可以綁定多個(gè)事件處理函數(shù),只需要在on()方法中傳遞一個(gè)數(shù)組作為參數(shù)即可:
$(selector).on({ event1:function(){ // 事件處理函數(shù)1 }, event2:function(){ // 事件處理函數(shù)2 } });
除了on()方法之外,JQuery還提供了其他幾個(gè)事件綁定的方法,如click()、dblclick()、mouseenter()、mouseleave()等。這些方法實(shí)際上也是on()方法的簡寫形式,如下所示:
$(selector).click(function(){ // 事件處理函數(shù) }); $(selector).on("click",function(){ // 事件處理函數(shù) });
不過在實(shí)際開發(fā)中,我們建議使用on()方法,因?yàn)樗诙鄠€(gè)事件綁定的情況下可以更加靈活地管理事件處理函數(shù)。
上一篇jquery 2.03
下一篇如何用文本文檔打css