jQuery mouseenter()方法|鼠标进入被选元素时执行

当鼠标指针穿过（进入）被选元素时，会发生 mouseenter 事件。

mouseenter() 方法触发 mouseenter 事件，或添加当发生 mouseenter 事件时运行的函数。

与 mouseover 事件不同，mouseenter 事件只有在鼠标指针进入被选元素时被触发，mouseover 事件在鼠标指针进入任意子元素时也会被触发。参见页面底部演示实例。

提示：该事件通常与 mouseleave 事件一起使用。

触发被选元素的 mouseenter 事件：

$( selector).mouseenter()

添加函数到 mouseenter 事件：

$( selector).mouseenter( function)

当鼠标指针进入 <p> 元素时，设置背景色为黄色。

$("#btn1").click(function(){
    $("p").mouseenter();
});

$("#btn2").click(function(){
    $("p").mouseleave();
});

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

参数	描述
function	可选。规定 mouseenter 事件触发时运行的函数。