jQuery 속성 조작 - addClass() 메서드
예제
첫 번째 p 요소에 클래스를 추가합니다:
$("button").click(function(){
$("p:first").addClass("intro");
});
정의 및 사용법
addClass() 메서드는 선택된 요소에 하나 이상의 클래스를 추가합니다.
이 메서드는 기존 class 속성을 제거하지 않고 단지 하나 이상의 class 속성을 추가합니다.
힌트:여러 클래스를 추가하려면 공백으로 구분한 클래스 이름을 사용합니다.
문법
$(selector).addClass(class)
| 매개변수 | 설명 |
|---|---|
| class | 필수. 하나 이상의 클래스 이름을 지정합니다. |
함수를 사용하여 클래스 추가
함수를 사용하여 선택된 요소에 클래스를 추가합니다.
문법
$(selector).addClass(function(index,oldclass))
| 매개변수 | 설명 |
|---|---|
| function(index,oldclass) |
필수. 추가할 하나 이상의 클래스 이름을 정의하는 함수를 지정합니다.
|
더 많은 예제
- 요소에 두 개의 클래스 추가
- 선택된 요소에 두 개의 클래스를 추가하는 방법에 대해 설명합니다.
- 요소의 클래스 변경
- addClass()와 removeClass()를 사용하여 class을 제거하고 새로운 class을 추가하는 방법입니다.
