delegate() 메서드는 지정된 요소(선택한 요소의 하위 요소에 속함)에 하나 이상의 이벤트 핸들러프로그램을 추가하고 이러한 이벤트가 발생할 때 실행할 함수를 지정합니다.
대리자 정의 및 사용법
delegate () 메서드는 지정된 요소(선택한 요소의 하위 요소)에 하나 이상의 이벤트 핸들러를 추가하고 이러한 이벤트가 발생할 때 실행할 함수를 지정합니다.
Delegate() 메서드를 사용하는 이벤트 핸들러는 현재 또는 미래의 요소(예: 스크립트로 생성된 새 요소)에 적용됩니다.
Parameters | Description |
---|---|
childSelector | 필수입니다. 이벤트 핸들러가 연결되는 하나 이상의 하위 요소를 지정합니다. |
event |
필수입니다. 요소에 연결할 하나 이상의 이벤트를 지정합니다. 여러 이벤트 값은 공백으로 구분됩니다. 유효한 이벤트여야 합니다. |
data | 선택사항. 함수에 전달될 추가 데이터를 지정합니다. |
function | 필수입니다. 이벤트가 발생할 때 실행할 함수를 지정합니다. |
Syntax
$(selector).delegate(childSelector,event,data,function)
반환값: jQuery 대리자(selector,[type],[data],fn)
Overview
지정된 요소(선택한 요소에 속한 하위 요소) 하나 이상의 이벤트 핸들러가 추가되며 이러한 이벤트가 발생할 때 실행할 기능을 지정합니다.
매개변수
selector,[type],fnString,String,Function V1.4.2
selector: 이벤트를 트리거하는 filter요소에 사용되는 선택기 string.
type: 요소에 연결된 하나 이상의 이벤트입니다. 여러 이벤트 값을 공백으로 구분합니다. 유효한 이벤트여야 합니다.
fn: 이벤트가 발생할 때 실행되는 함수
selector,[type],[data],fnString,String,Object,Function V1.4.2
selector: 선택기 문자열, 이벤트를 트리거하는 요소를 필터링하는 데 사용됩니다.
type: 요소에 연결된 하나 이상의 이벤트입니다. 여러 이벤트 값을 공백으로 구분합니다. 유효한 이벤트여야 합니다.
data: 함수에 전달되는 추가 데이터
fn: 이벤트가 발생할 때 실행되는 함수
selector, eventsString, String V1.4.3
selector: 이벤트를 트리거하는 요소를 필터링하는 데 사용되는 선택기 문자열.
events: 이를 실행하기 위한 하나 이상의 이벤트 유형의 문자열 및 함수에 대한 데이터 맵입니다.
예
설명:
마우스를 클릭할 때 p 요소 숨기기 또는 표시:
HTML 코드:
<p style="background-color:red"> <p>这是一个段落。</p> <button>请点击这里</button> </p>
jQuery 코드:
$("p").delegate("button","click",function(){ $("p").slideToggle(); });
설명: 이 위임 방법은 live( ) 메서드를 사용하면 이벤트가 특정 DOM 요소에 바인딩될 때마다 가능합니다.
다음 두 코드는 동일합니다.
$("table").delegate("td", "hover", function(){ $(this).toggleClass("hover"); });$("table").each(function(){ $("td", this).live("hover", function(){ $(this).toggleClass("hover"); }); });
위 내용은 jQuery 대리자() 이벤트를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!