首頁  >  事件  > hover([over,]out)

返回值:jQueryhover([over,]out)

jQuery hover() 方法概述

一個模仿懸停事件(鼠標移動到一個對象上面及移出這個對象)的方法。這是一個自定義的方法,它為頻繁使用的任務(wù)提供了一種“保持在其中”的狀態(tài)。

當(dāng)鼠標移動到一個匹配的元素上面時,會觸發(fā)指定的第一個函數(shù)。當(dāng)鼠標移出這個元素時,會觸發(fā)指定的第二個函數(shù)。而且,會伴隨著對鼠標是否仍然處在特定元素中的檢測(例如,處在div中的圖像),如果是,則會繼續(xù)保持“懸停”狀態(tài),而不觸發(fā)移出事件(修正了使用mouseout事件的一個常見錯誤)。

參數(shù)

over,outFunction,FunctionV1.0

over:鼠標移到元素上要觸發(fā)的函數(shù)

out:鼠標移出元素要觸發(fā)的函數(shù)

outObjectV1.4

當(dāng)鼠標移到元素上或移出元素時觸發(fā)執(zhí)行的事件函數(shù)

示例

over,out 描述:

鼠標懸停的表格加上特定的類

jQuery 代碼:
$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);

out 描述:

hover()方法通過綁定變量"handlerInOut"來切換方法。

jQuery 代碼:
$("td").bind("mouseenter mouseleave",handlerInOut);
$("td").hover(handlerInOut);