JQuery的on事件是一個非常常用的事件綁定方法,它可以為已經(jīng)存在DOM元素添加事件,也可以為動態(tài)生成的元素添加事件。
$(selector).on(event,childSelector,data,function)
其中的selector表示要添加事件的元素,可以是選擇器字符串、DOM元素、jQuery對象; event表示要綁定的事件類型,如click、mouseover、keydown等; childSelector表示要綁定事件的后代元素選擇器,即要委托的子元素; data表示要傳遞給事件處理程序的額外數(shù)據(jù),可以是任何合法類型的數(shù)據(jù); function表示事件處理程序,由我們自己編寫。
$("button").on("click",function(){
alert("按鈕被點擊了");
});
上述代碼會為頁面中所有的button元素添加一個點擊事件,當用戶點擊按鈕時會彈出一個對話框。
$("#box").on("click","button",function(){
alert("按鈕被點擊了");
});
上述代碼會將事件綁定到id為box的元素上,但只有當用戶點擊id為box元素內(nèi)的button元素時,才會觸發(fā)事件,這就是事件委托的處理方式。
除了on方法之外,jQuery還提供了很多其他的事件綁定方法,如click、keydown等,但是它們的使用有很多限制,而on方法則可以實現(xiàn)更多更靈活的功能,能夠更好地適應(yīng)我們的需求。
上一篇jquery debug
下一篇mysql8配置文件路徑