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

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

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

});

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

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

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

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

Синтаксис

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

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

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