hover([over,]out)
호버 이벤트(마우스가 개체 위로 또는 개체 밖으로 이동)를 시뮬레이션하는 메서드
마우스가 일치하는 요소 위로 이동할 때 지정된 첫 번째 함수 트리거됩니다.
마우스가 이 요소 밖으로 이동하면 지정된 두 번째 기능이 실행됩니다.
$('.myDiv').hover (function( ) {
doSomething...
}, function() {
doSomething...
})
문제는 다음과 같은 일부 요소가 있다는 것입니다. 메뉴는 AJAX를 통해 동적으로 로드되기 때문에 hover 메소드가 실행되면
메뉴는 아직 로드되지 않았으므로 jquery의 또 다른 메소드인 live(),
.live( ) 메소드를 사용하여 DOM에 추가되지 않은 요소는 이벤트 위임 사용으로 인해 유효합니다.
상위 요소에 바인딩된 이벤트 핸들러는 하위 항목에서 트리거된 이벤트에 응답할 수 있습니다.
.live()에 전달된 이벤트 핸들러는 요소에 바인딩되지 않습니다.
대신 특수 이벤트 핸들러로 처리되어 DOM 트리의 루트 노드에 바인딩됩니다. . 우수한.
$('.myDiv').live ('hover',function(event){
if(event.type=='mouseenter'){
doSomething...
}else{
doSomething...
}
} )
일부 jquery 버전은 mouseenter 및 mouseleave에 응답합니다.
일부 jquery 버전은 mouseover 및 mouseout에 응답합니다.
확인하려면...
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
