Jquery中的mouseleave事件是當(dāng)鼠標(biāo)從一個(gè)元素上移開時(shí)觸發(fā)。該事件與mouseout事件類似，但是mouseleave只在鼠標(biāo)移動到元素的子元素上時(shí)才會觸發(fā)，而mouseout在任何子元素上移動都會觸發(fā)。

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

上述代碼將在頁面加載完成后給所有的P標(biāo)簽添加mouseleave事件，當(dāng)鼠標(biāo)離開p標(biāo)簽時(shí)，元素的背景顏色將改變。

此外，我們也可以使用unbind()方法來解除元素的mouseleave事件，代碼如下：

$(document).ready(function(){
$("p").mouseleave(function(){
$(this).css("background-color", "yellow");
});
$("button").click(function(){
$("p").unbind("mouseleave");
});
});

上述代碼將在頁面加載完成后給所有的P標(biāo)簽添加mouseleave事件，在點(diǎn)擊按鈕之后使用unbind()方法解除p標(biāo)簽的mouseleave事件。