jQueryのホバー()メソッド
例
マウスポインタがトップの上にあるときに、背景色<p>要素を変更します。
$( "P")。ホバー(関数(){
。$( "P")のcss( "背景色"、 "黄色");
}、関数(){
。$( "P")のcss( "背景色"、 "ピンク");
});
。$( "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 | オプション。 マウスアウトイベントが発生したときに、関数の実行を規定します。 |