Latest web development tutorials

jQueryのホバー()メソッド

jQueryのイベントメソッド jQueryのイベントメソッド

マウスポインタがトップの上にあるときに、背景色<p>要素を変更します。

$( "P")。ホバー(関数(){
。$( "P")のcss( "背景色"、 "黄色");
}、関数(){
。$( "P")のcss( "背景色"、 "ピンク");
});

»をお試しください

定義と使用法

ホバー()メソッドは、マウスポインタが実行するように選択された要素の上にあるときに2つの機能を指定します。

この方法のjQueryの1.7バージョンの前にトリガMouseEnterイベントmouseleaveイベントを。

jQueryの後、この方法の1.8バージョンでは、トリガーマウスオーバーマウスアウトイベントを。


文法

$(セレクタ).hover(inFunction、outFunction)

呼び出します。

$( selector ).hover( handlerIn, handlerOut )

同等物次のように:

$( selector ).mouseover( handlerIn ).mouseout( handlerOut );

注:機能のみを指定した場合、それは、マウスオーバーとマウスアウトイベント上で実行されます。

呼び出します。

$(selector).hover(handlerInOut)

と同等です。

$( selector ).on( "mouseover mouseout", handlerInOut );

パラメータ 説明
inFunction 必須。 mouseoverイベントが発生したときに所定の機能を実行します。
outFunction オプション。 マウスアウトイベントが発生したときに、関数の実行を規定します。


jQueryのイベントメソッド jQueryのイベントメソッド