Выполнение функции при наведении на объект на jQuery

В CSS существует пcевдокласс «:hover», с помощью которого можно изменить стили элемента, на который навели курсор. Но если нам нужно расширить желаемый результат и не просто изменить, например, цвет ссылки, а показать модальное окно при наведении на нее?

Для этого на помощь к нам приходит jQuery, а именно – событие «mouseover», которое отслеживает появление курсора на указанном объекте.

Использование:

$(document).on("mouseover", ".link", function() {

	// Тело функции

});

Где «.link» – класс нужного вам объекта.

Помимо этого, существует обратное событие «mouseout». Оно, в свою очередь, отслеживает тот момент, когда курсор с объекта убран.

Использование:

$(document).on("mouseout", ".link", function() {

	// Тело функции

});

Где «.link» – также нужный вам идентификатор элемента.