toggle
英[ˈtɒgl] 美[ˈtɑ:gl]
n. 올가미 버튼; 전환 키
v. ] 美[klæs]
n.class; grade; 카테고리vt.... 특정 레벨로... 분류하거나 그룹으로 분류합니다
adj .매우 좋음, 훌륭함, 탁월함
vi.... 카테고리(또는 레벨)에 속함, 특정 카테고리(또는 레벨)로 나열됨
jquery 토글클래스() 메소드 통사론
기능: toggleClass()는 선택한 요소를 설정하거나 제거하는 하나 이상의 클래스를 전환합니다. 이 메소드는 각 요소에 지정된 클래스를 확인합니다. 클래스가 존재하지 않으면 추가하고, 설정되어 있으면 제거합니다. 이를 토글 효과라고 합니다. 그러나 "switch" 매개변수를 사용하면 클래스만 제거하거나 추가만 하도록 지정할 수 있습니다.
구문: $(selector).toggleClass(class,switch)
매개변수:
| 매개변수 | Description |
| class | 필수입니다. 클래스의 지정된 요소 추가 또는 제거를 지정합니다. 여러 클래스를 지정해야 하는 경우 공백을 사용하여 클래스 이름을 구분하세요. |
| 스위치 | 선택사항. 부울 값. 클래스를 추가하거나 제거할지 여부를 지정합니다. |
함수를 사용하여 클래스 전환 구문: $(selector).toggleClass(function(index,class),switch)
매개변수:
| Parameters | Description |
| 기능 (색인,클래스) | 필수입니다. 추가하거나 제거해야 하는 하나 이상의 클래스 이름을 반환하는 함수를 지정합니다. |
| index | 선택사항. 선택기의 인덱스 위치를 승인합니다. |
| 수업 | 선택사항. 선택기의 현재 클래스를 허용합니다. |
| 스위치 | 선택사항. 부울 값. 클래스를 추가(true)할지 또는 제거(false)할지 여부를 지정합니다. |
jquery 토글클래스() 메소드 예
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").toggleClass("main");
});
});
</script>
<style type="text/css">
.main
{
font-size:120%;
color:red;
}
</style>
</head>
<body>
<h1 id="h1">This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">切换段落的 "main" 类</button>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요