欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery on函數

錢良釵2年前7瀏覽0評論

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)化網頁交互體驗。