Latest web development tutorials

jQuery를 toggleClass () 메소드

jQuery를 HTML / CSS 방법 jQuery를 HTML / CSS 방법

추가하고 "기본"클래스 전환의 모든 <p> 요소를 제거하려면 :

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

»시도

정의 및 사용

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

이 메소드는 지정된 클래스의 각 요소를 확인합니다. 클래스가 존재하지 않으면, 추가 작업을 설정 한 경우 삭제. 이것은 효과를 전환이라고합니다.

그러나, "스위치"매개 변수를 사용하여, 당신은 단지 추가하거나 규정을 만 클래스를 삭제할 수 있습니다.


문법

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

参数 描述
classname 必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。
function(index,currentclass) 可选。规定返回需要添加/删除的一个或多个类名的函数。
  • index- 返回集合中元素的 index 位置。
  • currentclass- 返回被选元素的当前类名。
switch 可选。布尔值,规定是否仅仅添加(true)或移除(false)类。


예

더 많은 예제

추가 전환 클래스를 제거
어떻게 toggleClass () 메소드를 추가하고 클래스를 제거하기 위해 전환합니다.

클래스를 전환 기능을 사용하여
이 기능을 사용하는 클래스 이름을 전환하는 데 필요한 현재 요소의 규정에.

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


jQuery를 HTML / CSS 방법 jQuery를 HTML / CSS 방법