JQuery中的on()方法可以用于添加多個(gè)事件處理程序到同一元素,它的第二個(gè)參數(shù)是一個(gè)選擇器字符串,用于過濾要綁定事件處理程序的后代元素。
$(document).on('click', 'button', function(){ console.log('button clicked'); }); $(document).on('click', 'a', function(){ console.log('link clicked'); });
在上面的例子中,我們使用on()方法為document元素綁定了兩個(gè)事件處理程序。使用“button”選擇器作為第二個(gè)參數(shù),我們指定只有當(dāng)點(diǎn)擊button元素時(shí)觸發(fā)第一個(gè)事件處理程序。同樣,使用“a”選擇器作為第二個(gè)參數(shù),我們指定只有當(dāng)點(diǎn)擊鏈接元素時(shí)觸發(fā)第二個(gè)事件處理程序。
$('ul').on('click', 'li', function(){ console.log($(this).text()); });
上面的代碼演示了如何使用on()方法為ul元素中的多個(gè)li元素綁定單個(gè)事件處理程序。通過將“l(fā)i”選擇器作為on()方法的第二個(gè)參數(shù),我們可以確保只有當(dāng)用戶點(diǎn)擊特定的li元素時(shí)才會(huì)觸發(fā)事件處理程序。