jQuery는 CSS 클래스를 추가/변경/제거하고 CSS_jquery가 이미 존재하는지 확인합니다.

Javascript를 사용하여 페이지 요소 스타일을 변경할 수도 있지만 더 간단한 방법이 있습니까? 대답은 '예'입니다. 이제 jQuery를 사용하면 Js 코드가 많이 얇아진 것 같습니다. : "jQuery는 JavaScript를 만듭니다. 코드는 간결해집니다. 요점으로 돌아가서 jquery가 CSS 클래스를 추가하고 제거하는 방법을 살펴보겠습니다.

> 1. removeClass () - CSS 클래스를 제거하십시오

2.addclass () - CSS 클래스

> 3. TOGGLECLASS () - CSS 클래스 추가 또는 제거 CSS 클래스가 이미 존재하면 CSS 클래스가 존재하지 않으면 추가됩니다.

$("#target").addClass("newClass"); 
//#target 指的是需要添加样式的元素的ID 
//newClass 指的是CSS类的名称

4.hasClass("className") - CSS가 이미 존재하는지 확인

실제 애플리케이션에서는 일반적으로 이러한 CSS 클래스를 먼저 정의한 다음 JavaScript 이벤트 트리거 (예 : 버튼 클릭)를 통해 페이지 요소 스타일을 변경합니다. 또한 jQuery는 요소에 CSS 클래스가 할당되었는지 확인하는 hasClass("className") 메서드도 제공합니다. 그런데 프론트엔드 개발을 처음 접하는 분들에게 jquery는 소유할 가치가 있으니 시간날 때 잘 공부하라고 말씀드리고 싶습니다.