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

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

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

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

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

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

Синтаксис

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

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

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