jQuery addClass() 메서드

❮ jQuery HTML/CSS 메소드

예시

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

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

정의 및 사용

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

이 메서드는 기존 클래스 속성을 제거하지 않고 클래스 속성에 하나 이상의 클래스 이름만 추가합니다.

팁: 둘 이상의 클래스를 추가하려면 클래스 이름을 공백으로 구분하십시오.


통사론

$(selector).addClass(classname,function(index,currentclass))

Parameter Description
classname Required. Specifies one or more class names to be added
function(index,currentclass) Optional. Specifies a function that returns one or more class names to be added
  • index - Returns the index position of the element in the set
  • currentclass - Returns the current class name of the selected element

직접 해보십시오 - 예


에 두 개의 클래스 추가 지정된 요소에 두 개의 클래스 이름을 추가하는 방법입니다.


를 사용하여 선택한 요소에 클래스를 추가하는 방법.


addClass() 및 removeClass()를 사용하여 하나의 클래스 이름을 제거하고 새 클래스 이름을 추가하는 방법.


❮ jQuery HTML/CSS 메소드