Пример использования

var a=0;
var b=0;
$(document).ready(function(){

   $("#par1").mouseenter(function(){
      $(this).css("color","blue");
   });
   $("#par1").mouseleave(function(){
      $(this).css("color","black");
   });
   $("#wrap1").mouseleave(function(){
      $("#span1").html(a+=1);
   });
   $("#wrap2").mouseout(function(){
      $("#span2").html(b+=1);
   });

});

Определение и использование

Код обработчика события mouseleave выполнится, когда указатель мыши будет выведен за пределы выбранного элемента.

Событие mouseleave часто используется совместно с событием mouseenter.

Изначально может показаться, что обработчик события mouseout делает тоже самое, что и mouseleave, но это не так. Код обработчика события mouseout, в отличие от mouseleave будет также выполнен, когда указатель мыши будет выведен за пределы любого элемента потомка выбранного элемента.

Синтаксис

//Вызываем событие:
$(селектор).mouseleave()
//Привязываем обработчик:
$(селектор).mouseleave(обработчик_события)

селектор выбирает элемент, к которому будет привязано событие.

обработчик события функция, код которой будет выполнен, когда действие активирующее данное событие произойдет.