jQuery的on()函數是一個非常強大的事件處理函數。它可以在指定的一個或多個DOM元素被添加或刪除時,為這些元素添加/刪除指定的事件處理函數,以達到優(yōu)化事件處理的目的。
$(selector).on(event,function)
其中,selector為要添加事件的DOM元素的選擇器。event為要添加的事件名,比如click,hover,submit等等。function為事件處理函數,可以是一個函數名稱,也可以是一個直接嵌入代碼的匿名函數。
on()函數可以實現事件委托,即在父元素上為多個子元素添加事件處理函數。比如:
$('ul').on('click','li',function(){ alert('你點擊了列表項!'); })
這個代碼為ul元素下所有的li元素添加了點擊事件處理函數。它的優(yōu)點是可以減少DOM元素數量,提高頁面性能。
on()函數可以為同一DOM元素的多個事件同時添加事件處理函數,比如:
$('button').on('click mouseover',function(){ alert('你點擊或懸停在按鈕上!'); })
這個代碼為button元素同時添加了點擊事件和鼠標懸停事件的處理函數。
on()函數可以為同一DOM元素的同一事件添加多個事件處理函數,比如:
$('a').on('click',function(){ alert('你點擊了鏈接!'); }); $('a').on('click',function(){ console.log('你點擊了鏈接!'); });
這個代碼為a元素添加了兩個點擊事件的處理函數,分別是一個彈出alert和一個輸出console信息。
總之,jQuery的on()函數是一個非常方便的事件處理函數,通過它可以為DOM元素添加豐富的事件處理功能,優(yōu)化網頁交互體驗。
上一篇jquery on刪除
下一篇段落的第一行居中css