jQuery.toggle() 이벤트 함수에 대한 자세한 설명

toggle() 함수는 회전 핸들러 함수를 일치하는 각 요소의 click 이벤트에 바인딩하는 데 사용됩니다.

toggle()은 여러 이벤트 처리 함수를 일치하는 요소의 클릭 이벤트에 바인딩하는 데 사용되는 특수 이벤트 함수입니다. 클릭 이벤트가 트리거될 때마다 전환() 함수는 이벤트 핸들러 중 하나를 차례로 실행합니다.

예를 들어, 토글("click", A, B, C)을 사용하여 3개의 이벤트 핸들러 A, B, C를 요소의 클릭 이벤트에 바인딩합니다. 첫 번째 클릭은 A를 실행하고, 두 번째 클릭은 B를 실행하고, 세 번째 클릭은 C를 실행하고, 네 번째 클릭은 A를 실행하고, 다섯 번째 클릭은 B를 실행합니다... (toggle()이 여러 번 호출되면 방은 독립적입니다.)

토글()을 통해 바인딩된 이벤트를 삭제하려면 unbind() 함수를 사용하세요. 예: 바인딩 해제("클릭").

여기에 소개된 토글()은 특수한 클릭 이벤트 기능입니다. jQuery에는 요소 표시/숨기기를 전환하는 데 사용되는 동일한 이름의 토글() 기능도 있습니다.

이 함수는 jQuery 객체(인스턴스)에 속합니다.

Syntax

이 함수는 jQuery 1.0에 추가되었지만 1.8부터 사용되지 않는 것으로 표시되었고 1.9부터 제거되었습니다.

jQueryObject.toggle( handler1, handler2 [, handlerN... ] )

Parameters

매개변수 설명

handler1 이벤트 핸들러 함수 1은 함수 유형으로 지정됩니다.

handler2 함수 유형에 따라 지정된 이벤트 핸들러 함수 2입니다.

handlerN 선택적/이벤트 핸들러 함수 N은 함수 유형으로 지정되며 임의의 숫자가 있을 수 있습니다.

이벤트 함수 토글()은 현재 이벤트를 나타내는 이벤트 객체인 이벤트 처리 함수에 매개변수를 전달합니다.

이벤트 처리 함수의 반환 값 이 false인 경우 요소의 기본 이벤트 동작을 차단하고 이벤트가 DOM 트리에서 버블링되는 것을 중지한다는 의미입니다. 예를 들어, 3499910bf9dac5ae3c52d5ede7383485 링크의 클릭 이벤트 핸들러 기능이 false를 반환하는 경우 해당 링크의 기본 URL 점프 동작을 방지할 수 있습니다.

반환 값

toggle() 함수의 반환 값은 jQuery 유형으로 현재 jQuery 개체 자체를 반환합니다.

예시 및 설명

다음 초기 HTML 코드를 참고하세요.

c393594a10b4f9bef6c4b9f61373bc5e

다음은 토글() 이벤트와 관련된 내용입니다. 토글() 이벤트 함수의 구체적인 사용법을 보여주는 함수 jQuery 샘플 코드:

function clickHandler1(){
    alert("click-1");
}
function clickHandler2(){
    alert("click-2");
}
function clickHandler3(){
    alert("click-3");
}
function clickHandler4(){
    alert("click-4");
}
$("#btn").toggle( clickHandler1, clickHandler2, clickHandler3, clickHandler4 );
//第1次点击执行clickHandler1
//第2次点击执行clickHandler2
//第3次点击执行clickHandler3
//第4次点击执行clickHandler4
//第5次点击执行clickHandler1
//第6次点击执行clickHandler2
//第7次点击执行clickHandler3
//第8次点击执行clickHandler4
//循环切换执行...

위 내용은 jQuery.toggle() 이벤트 함수에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!