removeClass 메서드
removeClass 메서드는
class 속성에서
지정된 CSS 클래스를 제거합니다.
하나 또는 여러 클래스를 동시에 제거할 수 있습니다.
구문
하나의 CSS 클래스:
$(선택자).removeClass(CSS 클래스 이름)
여러 CSS 클래스:
$(선택자).removeClass('클래스1 클래스2 클래스3 ...')
셋의 각 요소에 함수 적용:
$(선택자).removeClass(function(셋 내 번호, 요소의 현재 CSS 클래스))
예제
우리 단락에는 이미 두 개의 클래스가 있습니다.
www 클래스를 제거해 봅시다:
<p id="test" class="eee www">text</p>
$('#test').removeClass('www');
HTML 코드는 다음과 같이 됩니다:
<p id="test" class="eee">text</p>
예제
우리 단락에는 이미 클래스가 있습니다. 이 클래스를 제거해 봅시다:
<p id="test" class="www">text</p>
$('#test').removeClass('www');
HTML 코드는 다음과 같이 됩니다:
<p id="test" class="">text</p>
예제
우리 단락에는 이미 3개의 클래스가 있습니다.
두 개의 클래스 - www와
ggg를 제거해 봅시다:
<p id="test" class="eee www ggg">text</p>
$('#test').removeClass('www ggg');
HTML 코드는 다음과 같이 됩니다:
<p id="test" class="eee">text</p>
함께 보기
-
메서드
addClass,toggleClass,hasClass -
JavaScript 속성
classlist,
순수 JavaScript로 요소의 CSS 클래스를 추가하고 제거하는 데 사용할 수 있는
