首頁  >  文章  >  jQuery hover()方法怎麼使用

jQuery hover()方法怎麼使用

小老鼠
小老鼠原創
2023-12-04 09:56:28955瀏覽

hover()是jQuery中一個常用的方法,它用於綁定兩個事件處理函數,這兩個函數將在滑鼠指標進入和離開匹配的元素時執行。基本的使用方法為「$(selector).hover(inFunction,outFunction);」。

jQuery hover()方法怎麼使用

hover() 是jQuery 中常用的方法,它用於綁定兩個事件處理函數,這兩個函數將在滑鼠指標進入和離開符合的元素時執行。基本上,它相當於 mouseenter 和 mouseleave 兩個事件的簡寫。

基本的使用方法如下:

$(selector).hover(inFunction,outFunction);

其中:

inFunction 是當滑鼠指標進入符合元素時執行的函數。

outFunction 是當滑鼠指標離開匹配元素時執行的函數。

例如,假設你想在滑鼠指標進入

元素時改變其背景色,並在滑鼠指標離開時恢復背景色,你可以這樣做:

$("div").hover(function(){  
   $(this).css("background-color", "yellow");  
}, function(){  
   $(this).css("background-color", "white");  
});

在這個範例中,inFunction 將

的背景色改為黃色,而outFunction 將它改回白色。當滑鼠指標進入
時,會觸發 inFunction,而當滑鼠指標離開
時,會觸發 outFunction。

以上是jQuery hover()方法怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn