jQuery addClass() 메서드

jQuery HTML/CSS 메서드

addClass() 메서드는 하나나 여러 개의 클래스 이름을 선택된 요소에 추가합니다.

이 메서드는 기존의 클래스 속성을 제거하지 않고, 대신 해당 클래스 속성에 하나나 여러 개의 클래스 이름을 추가합니다.

문법:

카테고리 추가:

$(selector).addClass(className)

함수를 사용하여 클래스 추가:

$(selector).addClass(function(index,　currentClass))

인스턴스

첫 번째 <p> 요소에 클래스 이름을 추가합니다:

$("button").click(function(){
　　$("p:first").addClass("highlight");
});

한 번에 여러 개의 클래스(공백으로 구분)를 선택된 요소에 추가할 수 있습니다. 예를 들어:

$("button").click(function(){
　　$("p:first").addClass("highlight　big");
});

함수를 사용하여 클래스 추가:

$("p").addClass(function(index,　currentClass)　{
　　let addedClass;
　　if(currentClass　===　"red")　{}}
　　　　addedClass　=　"green";
　　　　$(this).text("녹색 문단이 있습니다");
　　}
　　return　addedClass;
});

removeClass()을 사용하여 클래스 이름을 제거하고 addClass()을 사용하여 새로운 클래스 이름을 추가합니다:

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});

매개변수 값

jQuery HTML/CSS 메서드