jQuery 기본 튜토리얼

jQuery 효과

toggleClass() 메서드는 선택된 요소에 추가하고 제거할 수 있는 하나 이상의 클래스 이름을切换합니다.

이 메서드는 각 요소의 지정된 클래스 이름을 확인합니다:

그러나,state파라미터를 지정하면 클래스 이름을 추가하거나 제거할 수 있습니다.

클래스 이름切换:

$(selector).toggleClass(className)

사용state파라미터 클래스切换:

$(selector).toggleClass(className,　state)

함수를 사용하여 클래스切换:

$(selector).toggleClass(function(index,　currentClass),　state)

모든 <p> 요소에 대해 'anotherClass' 클래스 이름을 추가하고 제거하는 것을 반복합니다:

예제

$("button").click(function(){
　　$("p").toggleClass("anotherClass");
});

사용state추가하거나 제거할 클래스 이름을 파라미터로 사용합니다:

예제

$("button").click(function(){
　　$("p").toggleClass("anotherClass", true);
});

파라미터	설명
className	추가하려는/제거된 하나 이상의 (공백으로 구분된) 클래스 이름
state	부울 값입니다. 추가(정의: true) 또는 해당 클래스 제거(정의: false)를 결정합니다
function(index, currentClass)	함수입니다. 이 함수는 하나 이상의 (공백으로 구분된) 클래스 이름을 반환하며, 이 클래스 이름이 현재 클래스 이름에 추가되거나 제거됩니다. index-요소가 집합에서의 인덱스 위치를 반환합니다 currentClass-선택된 요소의 현재 클래스 이름을 반환합니다