jQuery 이벤트 - mouseover() 메서드

jQuery 이벤트 참조 매뉴얼

예제

마우스 포인터가 요소 위에 있을 때 요소의 배경색을 변경합니다：

$("p").mouseover(function(){
  $("p").css("background-color","yellow");
});

직접 경험해보세요

정의 및 사용법

마우스 포인터가 요소 위에 있을 때 mouseover 이벤트가 발생합니다.

이 이벤트는 대부분 다음과 함께 사용됩니다. mouseout 이벤트와 함께 사용됩니다.

mouseover() 메서드는 mouseover 이벤트를 트리거하거나 mouseover 이벤트가 발생할 때 실행되는 함수를 정의합니다.

주의사항：mouseenter 이벤트와 달리, 마우스 포인터가 선택된 요소나 그 자식 요소를 통과하든지 않더라도 mouseover 이벤트가 트리거됩니다. 마우스 포인터가 선택된 요소를 통과할 때만 mouseenter 이벤트가 트리거됩니다. 아래 예제를 참고하세요.

직접 경험해보세요：mouseenter와 mouseover의 차이

mouseover 이벤트를 트리거합니다

문법

$(선택자).mouseover()

직접 경험해보세요

함수를 mouseover 이벤트에 바인딩합니다

문법

$(선택자).mouseover(function)
매개변수 설명
function 선택 사항입니다. mouseover 이벤트가 발생할 때 실행되는 함수를 정의합니다.

직접 경험해보세요

jQuery 이벤트 참조 매뉴얼