今天我們來談一談jquery中的on事件,它是jquery中非常常用的一個事件,那么什么是on事件呢?它又有什么作用呢?
$(document).on('click', 'button', function() { alert('你點擊了一個按鈕'); });
從上面的代碼可以看出,on事件是一個用來綁定事件的方法,它的語法如下:
.on( events [, selector ] [, data ], handler )
其中events表示要綁定的事件,如click、mouseover等,selector表示一個選擇器,用來過濾事件的觸發源,data表示要傳遞給事件處理程序的數據,handler為事件處理程序。
另外,on方法還有一個非常方便的特性,它可以代替bind、delegate和live方法,如下:
//bind $('').bind('click', function() { //... }); //delegate $('').delegate('div', 'click', function() { //... }); //live $('').live('click', function() { //... }); //on $('').on('click', function() { //... });
可以看到,on方法可以統一替代其他三個方法,這不僅可以使代碼更簡潔,還可以提高性能。
最后,需要注意的是,on事件與bind、delegate、live方法有所不同,它可以綁定未來的元素,即使用on方法添加的事件可以應用于動態生成的元素。
以上就是關于jquery on事件的介紹及使用,如果你在開發過程中遇到了問題,嘗試使用on方法來解決它吧。
下一篇母版頁如何使用css