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

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

例

要素にマウス指標が入った（通過した）ときに、要素の背景色を変更します：

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

実際に試してみる

定義と使用法

マウス指標が要素を通過した際にmouseenter イベントが発生します。

このイベントは以下のものと一緒に多くの場合使用されます。 mouseleave イベントと一緒に使用します。

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

注：mouseover イベントとは異なり、マウス指標が選択された要素を通過したときのみmouseenter イベントがトリガーされます。マウス指標がどの子要素を通過してもmouseover イベントがトリガーされます。以下の例を確認してください。

実際に試してみる：mouseenter と mouseover の違い

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

文法

$(selector).mouseenter()

実際に試してみる

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

文法

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

実際に試してみる

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