jQuery 공작소 : .removeClass()

jQuery 공작소에 방문해 주셔서 감사드립니다. 쉬운 예제로 느껴보세요!!

removeClass 메소드는 요소에 적용된 클래스를 제거합니다.

예제 1
간단한 예제로 살펴보기
보기
아래 버튼을 눌러서 적용된 클래스를 제거해 보세요. ^^
소스
<style type="text/css">
    .css_test {
        margin-top : 20px;
    }
    .css_test .border_radius {
        border-radius : 50px;
    }
    .css_test .box_shadow {
        box-shadow : 0 0 10px black;
    }
    .css_test .border {
        border : 5px solid gray;
    }
    .css_test .padding {
        padding : 10px;
    }
</style>

아래 버튼을 눌러서 적용된 클래스를 제거해 보세요. ^^<br>
<button type="button" onclick="$('.css_test img').removeClass('border_radius')">border-radius</button>
<button type="button" onclick="$('.css_test img').removeClass('box_shadow')">box-shadow</button>
<button type="button" onclick="$('.css_test img').removeClass('border')">border</button>
<button type="button" onclick="$('.css_test img').removeClass('padding')">padding</button>

<div class="css_test">
    <img class="border_radius box_shadow border padding" src="https://t1.daumcdn.net/cfile/tistory/213BA03854D74C4F35" />
</div>
관련 CSS
jQuery
removeClass( '클래스명' )
+ 관련 jQuery +
jQuery 홈페이지 .removeClass() API 문서 : https://api.jquery.com/removeclass/