jQuery는 HTML 요소의 CSS 클래스를 쉽게 조작할 수 있는 강력한 기능을 제공합니다. CSS 클래스를 추가, 제거, 토글하는 등의 작업을 간편하게 수행할 수 있습니다.

1. 특정 요소에 클래스 추가하기

$(".target-element").addClass("new-class");

위 코드는 target-element라는 클래스를 가진 요소에 new-class라는 새로운 클래스를 추가하는 예시입니다.

2. 특정 요소에서 클래스 제거하기

$(".target-element").removeClass("obsolete-class");

해당 코드는 target-element 클래스를 가진 요소에서 obsolete-class 클래스를 제거하는 예시입니다.

3. 특정 요소에서 클래스 토글하기

$(".target-element").toggleClass("active");

위 코드는 target-element 클래스를 가진 요소에서 active 클래스를 추가/제거하는 토글 작업을 하는 예시입니다.

이와 같이 jQuery를 활용하여 CSS 클래스를 손쉽게 조작할 수 있으며, 이를 통해 페이지의 모양과 느낌을 동적으로 변경할 수 있습니다.

더 많은 정보는 jQuery 공식 문서를 참고하시기 바랍니다.