jQuery 강좌 | Methods > .removeClass()

.removeClass()로 클래스 값을 제거할 수 있습니다.

문법

문법은 다음과 같습니다.

.removeClass("classValue")

classValue에는 제거하려는 클래스 값을 넣습니다. 여러개의 값을 제거할 때에는 띄어쓰기로 구분합니다.

.removeClass("classValue1 classValue2")

예제

http://book.cmsfactory.net/jQuery/V01/Methods/removeClass.html

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>jQuery Methods | removeClass()</title>
    <style>
      .bg {background-color: yellow;}
      .bd {border: 1px solid gray;}
    </style>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script>
      $(document).ready(function() {
        $("h1").removeClass("bg");
        $("p").removeClass("bg bd");
      });
    </script>
  </head>
  <body>
    <h1 class="bg">Lorem ipsum dolor.</h1>
    <p class="bg bd">Lorem ipsum dolor.</h1>
  </body>
</html>

Category

Created on 2013-12-23 15:06 | Updated on 2015-07-17 01:16