jQuery를 사용하면 CSS 클래스를 쉽게 추가하거나 제거할 수 있습니다. 아래에는 jQuery를 사용하여 HTML 요소에서 CSS 클래스를 제거하는 방법에 대해 설명하겠습니다.

1. removeClass() 메서드 사용

jQuery의 removeClass() 메서드를 사용하여 선택한 요소에서 하나 이상의 CSS 클래스를 제거할 수 있습니다. 이 메서드는 선택한 요소에서 지정된 클래스를 제거합니다.

아래 예제는 해당 요소에서 “oldClass” 클래스를 제거하는 방법을 보여줍니다.

$(".element").removeClass("oldClass");

2. 여러 클래스 한 번에 제거하기

removeClass() 메서드를 사용하여 여러 클래스를 동시에 제거할 수도 있습니다.

$(".element").removeClass("class1 class2 class3");

3. 함수를 사용하여 클래스 제거하기

또한, removeClass() 메서드에 함수를 전달하여 동적으로 클래스를 제거할 수도 있습니다.

$(".element").removeClass(function(index, className) {
  return (className.match(/\bclass-\S+/g) || []).join(' ');
});

removeClass() 메서드를 통해 HTML 요소에서 CSS 클래스를 제거할 수 있습니다.

이렇게 jQuery를 사용하면 CSS 클래스를 쉽게 제거할 수 있습니다.

더 알고 싶으시다면 jQuery 공식 문서를 참조하세요.

제안된 내용 중 설명이 필요하거나 추가 질문이 있으면 망설이지 말고 물어보세요!