今天偶然遇到一個問題，想通過一個mouseover操作來模擬click的效果。

其實這件事情對於jQuery來說並不是一個難的處理。只是有段時間沒有玩jQuery，一些方法快忘掉了 :(

簡單記錄一下吧，方便自己以後溫故。

這裡主要採用.hover()方法來實現。

code如下：

$("#elementId").hover( function() { //simulation for click $(this).click(); //TODO }, function() { //TODO //can add code to handle mouseout event } );

BTW,將jQuery中.hover()的API加上來。

hover(over, out)

概述

一個模仿懸停事件（滑鼠移動到一個物件上面及移出這個物件）的方法。這是一個自定義的方法，它為頻繁使用的任務提供了一種“保持在其中”的狀態。

當滑鼠移動到一個匹配的元素上面時，會觸發指定的第一個函式。當滑鼠移出這個元素時，會觸發指定的第二個函式。而且，會伴隨著對滑鼠是否仍然處在特定元素中的檢測（例如，處在div中的影象），如果是，則會繼續保持“懸停”狀態，而不觸發移出事件（修正了使用mouseout事件的一個常見錯誤）。

引數

overFunction

滑鼠移到元素上要觸發的函式

out

Function

滑鼠移出元素要觸發的函式

示例

描述:

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

jQuery 程式碼:

$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);