[jQuery] .removeClass()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다.

jQuery의 removeClass() 메서드는 선택한 요소에서 

하나 이상의 CSS 클래스를 제거합니다. 

이 메서드는 선택한 요소에서 클래스를 제거하여 해당 요소의 

스타일을 변경하거나 수정하는 데 사용됩니다.

 

removeClass() 메서드를 사용하면 선택한 요소에서 클래스를 제거할 수 있습니다. 

이 클래스는 다음과 같이 지정됩니다.

$("selector").removeClass("classname");

여기서 'selector'는 요소를 선택하기 위한 CSS 선택자이며, 'classname'은 제거할 클래스의 이름입니다.

 

예를 들어, 다음과 같이 HTML 요소를 선택하고 클래스를 제거할 수 있습니다.

// javascript code
$("#myDiv").removeClass("highlight");

// html code
<div id="myDiv" class="highlight">내용</div>

위 예제에서는 'myDiv'라는 'ID'를 가진 'div' 요소를 선택하고, 

'highlight' 클래스를 제거하였습니다. 

따라서, 'div' 요소에서 'highlight' 클래스의 스타일을 제거할 수 있습니다.

 

removeClass() 메서드를 사용하여 선택한 요소에서 여러 개의 클래스를 제거할 수도 있습니다. 

이 경우, 클래스 이름은 공백으로 구분됩니다.

$("selector").removeClass("classname1" "classname2" "classname3" ...);

위와 같이 공백으로 구분된 클래스 이름을 전달하면 

선택한 요소에서 여러 개의 클래스를 제거할 수 있습니다.

 

removeClass() 메서드를 사용하여 선택한 요소에서 존재하지 않는 클래스를 제거하더라도, 

해당 클래스가 없으므로 아무런 영향을 미치지 않습니다. 

즉, 선택한 요소에서 없는 클래스를 제거하면 아무런 오류가 발생하지 않습니다.