首頁 > 常見問題 > jQuery hover()方法怎麼使用

jQuery hover()方法怎麼使用

小老鼠
發布: 2023-12-04 09:56:28
原創
1035 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板