>웹 프론트엔드 >JS 튜토리얼 >jQuery_jquery의 마우스 오버 이벤트 사용 예

jQuery_jquery의 마우스 오버 이벤트 사용 예

WBOY
WBOY원래의
2016-05-16 16:24:141092검색

이 기사의 예에서는 jQuery에서 마우스오버 이벤트의 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

mouseover 이벤트는 마우스 포인터가 일치하는 요소 위에 있거나 mouseover() 메서드가 호출될 때 트리거됩니다.
전체 이벤트 프로세스에는 이벤트를 트리거할 수 있는 조건뿐만 아니라 이벤트 핸들러도 있어야 합니다.
mouseover() 메서드를 통해 이벤트 핸들러를 mouseover 이벤트에 바인딩할 수 있습니다. 예:

코드 복사 코드는 다음과 같습니다.
$("div").mouseover(function(){$( "div" ).text("Script House에 오신 것을 환영합니다!")})

위 코드는 mouseover() 메서드를 통해 함수 함수를 이벤트 핸들러로 mouseover 이벤트에 바인딩하는 코드입니다.
이 함수는 마우스 오버 이벤트가 트리거될 때 호출됩니다.
예제 코드:

코드 복사 코드는 다음과 같습니다.






마우스 오버 이벤트-스크립트 홈