최신 웹 개발 튜토리얼
 

jQuery toggleClass() Method

<jQuery를 HTML / CSS 방법

추가 및 제거를 전환 "main" 모든 클래스 이름을 <p> 요소 :

$("button").click(function(){
    $("p").toggleClass("main");
});
»그것을 자신을 시도

정의 및 사용

toggleClass() 메소드는 추가하고 선택한 요소에서 하나 이상의 클래스 이름을 제거 사이를 전환합니다.

이 메소드는 지정된 클래스 이름의 각 요소를 확인합니다. 클래스 이름이 누락 된 경우에 추가되고, 이미 설정 한 경우 제거 -이 토글 효과를 만듭니다.

그러나, "스위치"매개 변수를 사용하여, 당신은 단지 제거 지정하거나 단지 클래스 이름을 추가합니다.


통사론

$(selector).toggleClass(classname,function(index,currentclass),switch)

매개 변수 기술
classname 필요합니다. 추가하거나 제거 할 하나 이상의 클래스 이름을 지정합니다. 공백으로 클래스 이름을 구분, 여러 클래스를 지정하려면
function(index,currentclass) 선택 과목. 추가 할 하나 이상의 클래스 이름을 반환하는 함수는 / 제거 지정
  • index - 세트의 요소의 인덱스 위치를 반환
  • currentclass - 선택된 요소의 현재 클래스의 이름을 돌려줍니다
스위치 선택 과목. 클래스는 추가해야하는 경우 지정하는 부울 값 (true) 만 또는 제거 할 (false)

그것을 자신을 시도 - 예를

추가 및 클래스 이름을 제거 사이를 전환
어떻게 사용하는 toggleClass() 추가 및 클래스 이름을 제거 사이를 전환하는 방법을.

함수를 사용하여 전환 클래스
기능을 사용하면 선택한 요소에 대한 전환해야하는 클래스 이름을 지정합니다.

스위치 파라미터를 사용하여
방법 만 추가 또는 클래스 명을 제거 스위치 파라미터를 사용한다.


<jQuery를 HTML / CSS 방법