jQuery - CSS

* jQuery CSS

 

동적으로 CSS 스타일 적용하는 것은 결국 결국 class를 추가/제거하는 형태로 구현합니다.
jQuery 는 이를 간단히 구현하는 함수들 제공

 addClass()
 removeClass()
 toggleClass()

$(document).ready(function(){
    $("#btn01").click(function(){
        $("h1, h2, p").addClass("blue");
        $("div#d01").addClass("important");

        // 동시에 복수개 클래스 추가 가능
        $("div#d02").addClass("important blue");
    });
    
    $("#btn02").click(function(){
     $("h1, h2, p").removeClass("blue");
    });
    
    $("#btn03").click(function(){
        $("h1, h2, p").toggleClass("blue");
        $("div#d01").toggleClass("important");
    });
});