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

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

jQuery hover() 方法概述

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

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

參數(shù)

over,outFunction,FunctionV1.0

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

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

outObjectV1.4

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

示例

over,out 描述:

鼠標(biāo)懸停的表格加上特定的類

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

out 描述:

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

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