jQuery的on()事件是一個(gè)非常重要的方法,允許您為選擇的元素附加事件處理程序,即使這些元素在DOM中是動(dòng)態(tài)創(chuàng)建的。
在下面的示例中,on()方法可應(yīng)用于文檔中的所有按鈕,并為所有按鈕點(diǎn)擊事件附加單個(gè)處理程序:
$(document).on('click', 'button', function(){ alert('Clicked!'); });
在這個(gè)例子中,on()方法為文檔上的所有按鈕綁定了單擊事件,當(dāng)用戶(hù)單擊任何按鈕時(shí),都會(huì)觸發(fā)alert()方法的執(zhí)行。另一個(gè)好處是此方法不僅適用于靜態(tài)元素,還適用于動(dòng)態(tài)創(chuàng)建的元素。
除了為單擊事件綁定處理程序外,還可以使用on()方法為其他事件綁定處理程序,如mouseup、keydown等等。
on()方法僅是jQuery事件綁定功能的一部分,還可以使用bind()、live()或delegate()方法進(jìn)行事件綁定。但on()方法更為通用并且更慢不是jQuery最初版本中附帶的事件綁定功能。因此,在上述示例之外使用on()方法,可以使代碼輕松且易于維護(hù)。
上一篇mysql中常用的代碼
下一篇a jquery事件