[jQuery]css 클래스 추가/삭제

jQuery를 사용하면 요소의 css를 조작하기 쉽습니다.

 

jQuery에는 css 조작을 위한 몇 가지 메소드가 있습니다.

 

 

 

addClass() - 선택한 요소에 하나 이상의 클래스를 추가합니다.

 

$("button").click(function(){
    $("h1, h2, p").addClass("blue");
    $("div").addClass("important");
});

직접해보기

 

 

 

 

 addClass() 메서드 내에 여러 클래스를 지정할 수도 있습니다.

 

$("button").click(function(){
    $("#div1").addClass("important blue");
});

직접해보기

 

 

 

 

 

removeClass() - 특정 클래스 특성을 제거합니다.

 

$("button").click(function(){
    $("h1, h2, p").removeClass("blue");
});

직접해보기

 

 

 

 

 

toggleClass() - 선택한 요소에서 클래스를 추가 / 제거합니다.

 

$("button").click(function(){
    $("h1, h2, p").toggleClass("blue");
});

직접해보기

 

 

 

 

출처:https://www.w3schools.com/jquery/