在jQuery中,.on()方法是一種為特定事件綁定處理函數(shù)的方式。在這種情況下,被選元素以及在它內(nèi)部的子元素都可以被提供事件處理程序。.
$(document).on("click", "p", function() { $(this).slideUp(); });
用這個(gè)方法,你可以為所有的段落元素綁定“click”事件處理程序。即使是在這篇文章寫的后期新添加的段落元素,它也會(huì)被認(rèn)為是段落元素并被響應(yīng)。然而,這個(gè)方法有一個(gè)缺點(diǎn),就是性能比單獨(dú)為每個(gè)元素綁定事件慢。
$(".myBox").on("click", "button", function() { $(this).addClass("active"); });
子元素的處理方式比較有用,它通過傳遞兩個(gè)參數(shù)的方式,將事件處理程序綁定到父元素上,然后將要被處理的子元素作為第二個(gè)參數(shù)傳遞。這種方法在子節(jié)點(diǎn)需要添加、刪除、更新的情況下非常有用。在這個(gè)例子中,當(dāng).btn被點(diǎn)擊時(shí),.active類會(huì)被添加到這個(gè).btn元素里面。