jQuery mouseover()メソッド
例
マウスポインタが<p>要素の上にある場合、背景色を黄色に設定します。
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});
定義と使用法
マウスオーバーイベントは、マウスポインタが選択した要素の上にあるときに発生します。
mouseover()メソッドは、mouseoverイベントをトリガーするか、mouseoverイベントが発生したときに実行する関数をアタッチします。
注:mouseenterイベントとは異なり、mouseoverイベントは、マウスポインターが、選択された要素だけでなく子要素にも入るとトリガーされます。mouseenterイベントは、マウスポインタが選択した要素に入ったときにのみトリガーされます。デモについては、ページの最後にある例を参照してください。
ヒント:このイベントは、多くの場合、 mouseoutイベントと一緒に使用されます。
構文
選択した要素に対してマウスオーバーイベントをトリガーします。
$(selector).mouseover()
マウスオーバーイベントに関数をアタッチします。
$(selector).mouseover(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseover event is triggered |
自分で試してみてください-例
の違いmouseover()、mouseenter()、mousemove()の違いを示します。