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

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

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

});

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

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

Обработчик события mouseout часто используется совместно с mouseover.

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

Синтаксис

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

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

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