jQuery removeClass() 메서드

jQuery HTML/CSS 메서드

removeClass() 메서드는 선택된 요소에서 하나 이상의 클래스 이름을 제거합니다。

클래스 이름을 파라미터로 포함하면 해당 클래스만 제거됩니다。

파라미터에 클래스 이름이 지정되지 않았다면 모든 클래스를 제거합니다。

문법：

모든 클래스 제거

$(selector).removeClass()

지정된 클래스 제거

$(selector).removeClass(className)

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

$(selector).removeClass(function(index,　currentClass))

예제

모든 <p> 요소에서 클래스 이름 "highlight"을 제거합니다：

$("button").click(function(){
　　$("p").removeClass("highlight");
});

하나의 선택된 요소 집합에서 하나 이상의 클래스(공백으로 구분)를 제거할 수 있습니다. 예를 들어:

$("button").click(function(){
　　$("p").removeClass("highlight　big");
});

파라미터에 클래스 이름을 지정하지 않으면 모든 클래스를 제거합니다:

$("button").click(function(){
　　$("p").removeClass();
});

removeClass()를 사용하여 한 개의 클래스를 제거하고 addClass()를 사용하여 새로운 클래스를 추가합니다:

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});

파라미터 값

jQuery HTML/CSS 메서드