:hover 의사 클래스를 사용하지 않고 jQuery에서 호버 효과를 어떻게 얻을 수 있나요?

jQuery로 의사 클래스 적용

jQuery를 사용하여 요소에 의사 클래스를 추가하는 것은 CSS :hover 의사 클래스를 사용하는 것과 다릅니다. :hover는 CSS의 요소 위로 마우스를 가져갈 때 뷰를 지정하지만 jQuery를 사용하여 이러한 의사 클래스를 직접 활성화하는 것은 불가능합니다.

호버 동작을 복제하려면 .jqhover와 같은 대체 클래스를 정의할 수 있습니다. 스타일시트:

.element_class_name:hover, .element_class_name.jqhover {
  /* hover styles */
}

jQuery를 사용하면 이 클래스를 요소에 추가하여 원하는 스타일을 트리거할 수 있습니다. 스타일:

$(this).addClass("jqhover"); // Activates hover-like styles

또는 스타일시트를 수정하지 않고 jQuery를 사용하여 .element_class_name:hover 클래스를 요소에 직접 추가할 수 있습니다. 이는 동일한 목표를 달성하기 때문입니다.

$(this).addClass(".element_class_name:hover");

위 내용은 :hover 의사 클래스를 사용하지 않고 jQuery에서 호버 효과를 어떻게 얻을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!