jQuery 이벤트 Delegate()_jquery 사용법 소개

대리자 정의 및 사용법

delegate() 메서드는 지정된 요소(선택한 요소의 하위 요소에 속함)에 하나 이상의 이벤트 핸들러를 추가하고 이러한 이벤트가 발생할 때 실행되도록 지정합니다. .

delegate() 메서드를 사용하는 이벤트 핸들러는 현재 또는 미래의 요소(예: 스크립트로 생성된 새 요소)에 적용됩니다.

参数	描述
childSelector	必需。规定要附加事件处理程序的一个或多个子元素。
event	必需。规定附加到元素的一个或多个事件。 由空格分隔多个事件值。必须是有效的事件。
data	可选。规定传递到函数的额外数据。
function	必需。规定当事件发生时运行的函数。

구문
$(selector).delegate(childSelector,event,data,function)

반환 값: jQuery 대리자(selector,[type],[data], fn)

개요

지정된 요소(선택한 요소의 하위 요소)에 하나 이상의 이벤트 핸들러를 추가하고 이러한 이벤트가 발생할 때 실행할 함수를 지정합니다.

매개변수
selector,[type],fnString,String,Function V1.4.2
selector: 선택기 문자열, 이벤트를 트리거하는 요소를 필터링하는 데 사용됩니다.

유형: 요소에 연결된 하나 이상의 이벤트입니다. 여러 이벤트 값을 공백으로 구분합니다. 유효한 이벤트여야 합니다.

fn: 이벤트 발생 시 실행되는 함수

selector,[type],[data],fnString,String,Object,Function V1.4.2
selector: selector string , 사용 이벤트를 트리거하는 요소를 필터링합니다.

유형: 요소에 연결된 하나 이상의 이벤트입니다. 여러 이벤트 값을 공백으로 구분합니다. 유효한 이벤트여야 합니다.

data: 함수에 전달되는 추가 데이터

fn: 이벤트 발생 시 실행할 함수

selector, eventsString, String V1.4.3
selector: selector String 필터가 이벤트를 트리거한 요소에 대해.

이벤트: 하나 이상의 이벤트 유형을 실행하기 위한 문자열 및 함수의 데이터 맵입니다.

예
설명:
마우스 클릭 시 p 요소 숨기기 또는 표시:

HTML 코드:

코드를 복사하세요 코드는 다음과 같습니다.

단락입니다.
여기를 클릭하세요

jQuery 코드:

코드 복사 코드는 다음과 같습니다.

$("div").delegate("button","click",function(){

$("p").slideToggle();
});


설명: 대리자 메서드는 live() 메서드 대신 사용할 수 있으며 각 이벤트를 허용합니다. 특정 DOM 요소에 바인딩됩니다.

다음 두 코드는 동일합니다.

코드 복사 코드는 다음과 같습니다.

$ ("테이블").delegate("td", "hover", function(){ $(this).toggleClass("hover");

});$("table").each (function() { $("td", this).live("hover", function(){ $(this).toggleClass("hover"); });
}); >