jQuery mouseleave()方法|鼠标离开元素时运行

当鼠标指针离开被选元素时，会发生 mouseleave 事件。

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

注意：与 mouseout 事件不同，mouseleave 事件只有在鼠标指针离开被选元素时被触发，mouseout 事件在鼠标指针离开任意子元素时也会被触发。参见页面底部演示实例。

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

触发被选元素的 mouseleave 事件：

$( selector).mouseleave()

添加函数到 mouseleave 事件：

$( selector).mouseleave( function)

触发被选元素的 mouseleave 事件，设置背景色为灰色。

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

当鼠标指针离开 <p> 元素时，设置背景色为灰色。

$("p").mouseleave(function(){ 
    $("p").css("background-color","gray"); 
});

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