jQuery hover() メソッド

マウスポインタを上に乗せたとき <p> 要素の背景色を変更する：

it:

$("p").hover(function(){
    $(this).css("background-color", "yellow");
    }, function(){
    $(this).css("background-color", "pink");
});

定義と用法

hover() メソッドは、マウスポインタを選択した要素の上に乗せたときに実行する 2 つの関数を指定します。

このメソッドは、mouseenter と mouseleave イベントの双方をトリガします。

注: 一方だけの関数を指定しても、mouseenter イベントと mouseleave イベントの両方が実行されます。

$(selector).hover(inFunction,outFunction)

パラメータ	説明
inFunction	必須。mouseenter イベントが発生したときに実行する関数を指定する
outFunction	任意。mouseleave イベントが発生したときに実行する関数を指定する