jQuery - hover() 메서드

hover()은 두 이벤트 모두에 대해 호출됩니다mouseenter 및 mouseleave입니다. 마우스가 요소 아래로 들어갈 때를 감지하는 데 사용할 수 있습니다.

.hover( handlerIn, handlerOut )

The method hover() 의 속기입니다 :

$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );

구문:

$( selector ).hover( handlerIn, handlerOut )

Example:

$( "p" ).hover(
 function() { // 마우스가  $( this ).addClass( "hover" ); 
 },  function() { // 마우스가 zone
 $( this ).removeClass( "hover" ); 
 }
);

이 메서드는 대상 요소 영역의 입력 및 출력 이벤트 모두에 대해 동일한 처리가 반복되는 경우에 유용합니다. 코드를 입력 및 출력 이벤트 함수에 복사할 필요가 없습니다.

구문:

$(selector).hover(handlerInOut)

단일 함수를 hover()이면 mouseenter 및 mouseleave입니다. 이를 통해 jQuery 사용자는 핸들러에서 다른 장애 조치 방법을 사용하거나 event.type.

예:

$( selector ).on( "상자 안팎의 마우스 포인터", handlerInOut );

참조:
https://api.jquery.com/hover/