.Hover() 是一個模仿懸停事件(鼠標移動到一個對象上面及移出這個對象)的方法。這是一個自定義的方法,它為頻繁使用的任務提供了一種“保持在其中”的狀態。
當鼠標移動到一個匹配的元素上面時,會觸發指定的第一個函數。當鼠標移出這個元素時,會觸發指定的第二個函數。而且,會伴隨着對鼠標是否仍然處在特定元素中的檢測(例如,處在div中的圖像),如果是,則會繼續保持“懸停”狀態,而不觸發移出事件(修正了使用mouseout事件的一個常見錯誤)。
有以下兩種使用情況:
(1).hover(over,out)
over:鼠標移到元素上要觸發的函數
out: 鼠標移出元素要觸發的函數
e.g(給某一個'td'元素,添加鼠標懸停事件):
$('td').hover(function(){$(this).addClass("hover")}, function(){$(this).removerClass("hover")});
(2) .hover(out)
out: 當鼠標移到元素上或移出元素時觸發執行的事件函數
$('td').bind('mouseenter mouseleave', handlerInout);
$('td').hover(handlerInout);
第二個例子是說 .hover 通過綁定handlerInout這個變量來切換方法。