jQuery on() 選擇器是一種常用的事件委托方法。它可以讓開發(fā)人員將事件處理程序附加到頁面上的多個元素上。在這里,我們將介紹如何使用jQuery on() 選擇器。
$(selector).on(event,function)
在上面的代碼中,我們傳遞了一個選擇器和一個事件處理程序。當(dāng)事件發(fā)生在選擇器匹配的元素上時,事件處理程序?qū)⒈挥|發(fā)。
示例:
$("ul").on("click","li",function(){ $(this).toggleClass("selected"); });
在上面的示例中,我們將一個事件處理程序附加到ul元素上。當(dāng)點擊ul元素下的任何li子元素時,事件處理程序?qū)⒈挥|發(fā)。
我們還可以使用on()方法附加多個事件處理程序。例如:
$("button").on({ mouseenter: function(){ $(this).addClass("hover"); }, mouseleave: function(){ $(this).removeClass("hover"); }, click: function(){ $(this).toggleClass("active"); } });
在上面的示例中,我們使用on()方法將鼠標(biāo)進(jìn)入、鼠標(biāo)離開和點擊事件處理程序附加到button元素上。
注意:如果我們需要附加到動態(tài)創(chuàng)建的元素的事件處理程序,我們應(yīng)該使用on()方法。因為它可以處理動態(tài)創(chuàng)建的元素,將事件綁定到元素上。
總結(jié)來說,jQuery on() 選擇器是一種非常有用的方法,可以讓開發(fā)人員輕松地將事件處理程序附加到頁面上的多個元素上。