1. hover(): метод hover()используется для указания двух функций, которые будут выполняться, когда указатель мыши входит в элемент и покидает его. Обычно он используется с двумя функциями обратного вызова: одной для события mouseenter, а другой — для события mouseleave.

Пример:

$("selector").hover(
  function() {
    // Code to be executed when the mouse enters the element
  },
  function() {
    // Code to be executed when the mouse leaves the element
  }
);

2. mouseenter(): метод mouseenter()используется для указания функции, которая будет выполняться, когда указатель мыши входит в элемент. Этот метод аналогичен методу hover(), только с событием mouseenter.

Пример:

$("selector").mouseenter(function() {
  // Code to be executed when the mouse enters the element
});

3. mouseleave(): метод mouseleave()используется для указания функции, которая будет выполняться, когда указатель мыши покидает элемент. Этот метод аналогичен методу hover(), только с событием mouseleave.

Пример:

$("selector").mouseleave(function() {
  // Code to be executed when the mouse leaves the element
});

4. on(): метод on()— это более гибкий обработчик событий в jQuery, который можно использовать для привязки нескольких событий к элементу, включая события наведения.

Пример:

$("selector").on({
  mouseenter: function() {
    // Code to be executed when the mouse enters the element
  },
  mouseleave: function() {
    // Code to be executed when the mouse leaves the element
  }
});