jQuery イベント - mouseover() メソッド

jQuery イベントリファレンスマニュアル

例

マウスカーソルが要素の上にいるときに要素の背景色を変更します：

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

自分で試してみる

定義と使用法

マウスカーソルが要素の上にいるときに mouseover イベントが発生します。

このイベントは、多くの場合、 mouseout イベントを一緒に使用します。

mouseover() メソッドは mouseover イベントをトリガーするか、mouseover イベントが発生したときに実行される関数を指定します。

注記：mouseenter イベントとは異なり、マウスカーソルが選択された要素やその子要素を通過しても mouseover イベントがトリガーされます。マウスカーソルが選択された要素を通過する場合のみ、mouseenter イベントがトリガーされます。以下の例を参照してください。

自分で試してみる：mouseenter と mouseover の違い

mouseover イベントをトリガーします

構文

$(selector).mouseover()

自分で試してみる

関数をmouseover イベントにバインドします

構文

$(selector).mouseover(function)
引数 説明
function オプションです。mouseover イベントが発生したときに実行される関数を指定します。

自分で試してみる

jQuery イベントリファレンスマニュアル