jQuery mouseenter() メソッド

jQuery イベント

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

マウス指が要素に入ると、mouseenterイベントが発生します。

mouseenter、mousemoveそしてmouseoverイベントは同じですが、以下の通りです：

• mouseenter-マウス指が要素に入るときのみ呼び出されます

• mousemove-マウス指を要素に移動するときに呼び出されます

• mouseover-マウス指が要素及其子要素に入るときに呼び出されます（以下の例を参照してください）

mouseenter()メソッドは通常、mouseleave()方法を一緒に使用します。

文法：

選定要素のmouseenterイベントをトリガー：

$(selector).mouseenter()

関数をmouseenterイベントに追加：

$(selector).mouseenter(function)

例

mouseenterおよびmouseleaveイベントがトリガーされたときに背景色を変更：

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

この例ではmousemove、mouseenter、mouseoverの違いを示します：

引数の値

jQuery イベント