[jQuery] 제이쿼리(jQuery) 클래스 제거하기 - .removeClass() 함수

 

 

웹 개발 시 CSS 스타일을 추가하거나 제거하고 변경하기 위해서는 클래스(Class) 속성을 선택자로 사용하게 됩니다. 그 이외의 동적인 스크립트와 액션은 Javascript(자바스크립트)의 ID 값을 사용하게 됩니다. .removeClass() 함수는 이렇게 CSS 스타일을 추가 및 제거, 변경하기 위한 클래스(Class)의 Name을 제거할 때 사용하는 함수입니다. 물론 CSS 파일에서 Class의 Style이 선언되어야 적용이 가능합니다.

 

jQuery의 .removeClass() 함수

jQuery(제이쿼리)의 .removeClass() 함수는 CSS 클래스를 제거하는 함수로 element(요소) 와 Class(클래스)명을 받아서 호출하게 됩니다.

선택한 요소에서 Class 값을 제거하게 됩니다. .removeClass() 함수는 선택된 요소의 Class를 제거하지만 만약에 해당되는 Class가 없다면 아무런 변화가 없습니다.

 

//함수 사용법 
.removeClass( className );

 

//jQuery의 Class 제거하기 
<style> 
.backcolor { background-color: #eeeeee; } 
.backboder { border: 1px solid #666666; } 
</style> 

$( 'h1' ).removeClass( 'backcolor' ); //h1에 backcolor Class 삭제 
$( 'h2' ).removeClass( 'backboder' ); //h2에 backboder Class 삭제