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

$(document).ready(function(){
   $("#par1").hover(function(){
      $(this).css("fontSize","25px");
      $(this).css("color","blue");
      $(this).html("Я оформленный параграф.");}, function(){
      $(this).css("fontSize","1em");
      $(this).css("color","black");
      $(this).html("Я обычный параграф.");
   });
});

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

Код обработчика события hover позволяет привязать одну или две функции к выбранному элементу.

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

Синтаксис

$(селектор).hover(функция1,функция2)

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

функция1 (обязательный параметр) Задает функцию, код которой выполнится, когда на выбранный элемент будет наведен курсор мыши. Если в параметрах события hover Вы укажите только одну функцию ее код будет также выполнен при выводе курсора мыши за его пределы.

функция2 (необязательный параметр) Задает функцию, код которой будет выполнен, когда курсор мыши покинет пределы выбранного элемента.