jQuery 강좌 | Methods > .addClass()

.addClass()로 클래스 값을 추가할 수 있습니다.

문법

문법은 다음과 같습니다.

.addClass("classValue")

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

.addClass("classValue1 classValue2")

예제

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

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>jQuery Methods | addClass()</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() {
        $(".a").addClass("bg");
        $(".b").addClass("bg bd");
      });
    </script>
  </head>
  <body>
    <h1 class="a">Lorem ipsum dolor.</h1>
    <h1 class="b">Lorem ipsum dolor.</h1>
  </body>
</html>

Category

Created on 2013-12-22 20:06 | Updated on 2015-07-17 01:01

이 글을 공유하기

Kakao

기초 강좌