hover.css의 클래스를 jQuery와 함께 추가하는 것이 좋은 습관입니까?

Question

나는 html로 hover 효과를 추가해야하는 프로젝트를 가지고있다. jQuery를 addClass() 메소드를 사용하여이 작업을 수행하는 것이 좋습니다 아니면 대신 자바 스크립트의이 같은 간단한 효과를 CSS를 사용하는 것을 선호,

Answer 1

일반적으로 수동으로 모든 HTML을 통해 그것을 할 더 나은 때 당신이 할 수있는 .

특정 사례에서 JS가 더 좋을 수도 있지만 상황과 코드 상태에 따라 다릅니다.

---

내가보기에, CSS 클래스를 만들고 HTML 코드 전체에 적용하는 것이 더 좋을 것 같습니다. JS 코드를 작성하지 마십시오.

Answer 2

는 "나는 준비 클래스를 사용하여 CSS 라이브러리 hover.css을 사용합니다. 난 당신이 hover.css 클래스를 (필자는 HTML에 추가해야합니다) 사용이 내 HTML에서 장소가 많이 있습니다. " 당신이 가져가 주 (또는 전혀 추가) 실제로 변경 클래스없이 CSS를 통해 요소에 추가 할 수 있다는 것을 알고있는 경우 귀하의 의견으로 판단

가 궁금하네요.

CSS :hover pseudo-class을 사용하면 사용자가 요소 위에 놓을 때 요소의 스타일을 변경할 수 있습니다.

이 예에서 CSS

a { 
    color: red; 
} 
a:hover { 
    color: blue; 
} 

, 모든 <a> 태그는 기본적으로 빨간색 될 것이며, 당신이 그들 위에 마우스를 올려 때 파란색으로 바뀝니다. 다음 분홍색 할 것이다 클래스 my-class와

.my-class { 
    color: pink; 
} 
.my-class:hover { 
    color: green; 
} 

모든 요소를, 당신은 마우스를 가져 가면 그들은 녹색으로 바뀝니다 :

당신은 다른 일반 클래스와 같은 의사 클래스를 사용할 수 있습니다. 이 방법을 사용

는

<p class="my-class">Hover over me to turn me green</p> 

, 그냥 가져가 상태를 제공하는 요소에 클래스를 전환 할 jQuery를 사용하는 것이 완전히 불필요합니다. 웬일인지 당신이 그것을 원할지도 모르는 희귀 한 사건이 있을지도 모르겠지만, 당신이 필요가 없다고 생각합니다.