jQuery - метод hover()

Метод hover() вызывается для обоих событийmouseenter и mouseleave. Вы можете использовать его, чтобы определить, когда мышь проходит под элементом.

.hover( handlerIn, handlerOut )

Метод  hover()  является сокращением :

$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut ); 
Синтаксис:

$( selector ).hover( handlerIn, handlerOut )
Example:

$( "p" ).hover(
function() { // Мышь входит в
$( this ).addClass( "hover" );
}, function() { // Мышь выходит из зоны
$( this ).removeClass( "hover" );
}
);

.hover( handlerInOut )

Этот метод полезен, когда одна и та же обработка повторяется как для входных, так и для выходных событий в области целевого элемента. Нам не нужно будет копировать код как во входную, так и в выходную функции событий.

Синтаксис:

$(selector).hover(handlerInOut)
При передаче одной функции в метод hover(), он выполнит два события, mouseenter и mouseleave. Это позволяет пользователю jQuery использовать различные методы отработки отказа в обработчике или реагировать по-разному в зависимости от event.type.

Example:

$( selector ).on( "Указатель мыши в коробке и из коробки", handlerInOut ); 

Ссылки:
https://api.jquery.com/hover/