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/