jQuery的hover()方法可以用于設置鼠標懸停時的事件處理程序。該方法接受兩個函數(shù)參數(shù),第一個函數(shù)用于處理鼠標懸停時的事件,第二個函數(shù)用于處理鼠標移出時的事件。
以下是使用jQuery的hover()方法設置鼠標懸停事件的示例代碼:
$(selector).hover(
function(){
// 鼠標懸停時的事件處理代碼
},
function(){
// 鼠標移出時的事件處理代碼
}
);
在上面的代碼中,selector
是要應用懸停事件的元素的選擇器。第一個函數(shù)參數(shù)是鼠標懸停時觸發(fā)的事件處理函數(shù),可以在這個函數(shù)中編寫鼠標懸停時要執(zhí)行的代碼。第二個函數(shù)參數(shù)是鼠標移出時觸發(fā)的事件處理函數(shù),可以在這個函數(shù)中編寫鼠標移出時要執(zhí)行的代碼。
例如,以下代碼將在鼠標懸停在<div>
元素上時將其背景顏色設置為紅色,并在鼠標移出時將背景顏色恢復為默認值:
$("div").hover(
function(){
$(this).css("background-color", "red");
},
function(){
$(this).css("background-color", "");
}
);
注意,$(this)
在這里表示當前觸發(fā)事件的元素??梢愿鶕?jù)需要修改選擇器來選擇不同的元素。