jQuery mouseenter() 方法 指的是鼠标进入到html元素时执行的事件方法。

语法

$(selector).mouseenter(function)

参数

function: 是可选参数。触发该事件执行的方法。

例子

例1

简答的例子

<!DOCTYPE html>  
<html>  
<head>  
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>  
<script>  
$(document).ready(function(){  
    $("#h3").mouseenter(function(){  
       $( "div" ).text( "鼠标移动后的效果" ).show().fadeOut( 2000 ); 
    });  
});  
</script>  
</head>  
<body>
<h3 id="h3">yxjc123.com </h3>
<div></div>
</body>  
</html>
例2

修改背景色的例子

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("p").mouseenter(function(){
        $("p").css("background-color", "lightgreen");
    });
    $("p").mouseleave(function(){
        $("p").css("background-color", "yellow");
    });
});
</script>
</head>
<body>
<p>将鼠标光标移到此处。</p>
</body>

</html>