jQuery와 해당 예제에서 대리자와 on의 사용법 차이점

jQueryjQuery

1.7에서는 .delegate()가 .on()으로 대체되었습니다. 다음은 jQuery에서 Delegate와 on의 사용법과 차이점에 대한 예입니다. 관심 있는 친구들은 jQuery1에서 참고할 수 있습니다. 7 .delegate()가 .on()으로 대체되었습니다. 이전 버전에서는 여전히

eventsdelegate를 사용하는 가장 효율적인 수단이었습니다. 이벤트 바인딩과 위임에서는 일반적으로 대리자()와 on이 동일합니다.

.delegate()는 하나 이상의
이벤트 핸들러프로그램을 지정된 요소(선택한 요소에 속하는 하위 요소)에 추가하고 이러한 이벤트가 발생할 때 실행할 기능을 지정합니다.

코드는 다음과 같습니다.

// jQuery 1.4.3+

$( elements ).delegate( selector, events, data, handler )
// jQuery 1.7+
$( elements ).on( events , [selector ], data, handler )

예: .delegate() 코드:

코드는 다음과 같습니다:

$("table").delegate("td","click",function (){

alert("안녕하세요");
});

.on() 코드:

코드는 다음과 같습니다:

$("table").on("click", "td" , function() {

alert("hi ");
});

PS: 둘의 차이점은 선택기와 이벤트의 순서가 다르다는 것입니다.

대리자 및 on 메서드에 의해 선택된 요소의 하위 요소 "합법적인" 하위 요소여야 합니다. 예를 들어,

코드는 다음과 같습니다:

$("table").delegate("button","click",function(){...}); ("click", "p", function(){...});

는 작동하지 않습니다. 일반적인 상황에서는 테이블 하위 요소가 tr, td...

on(events,[selector ],[data], fn), 매개변수 [selector]는 선택사항입니다.

필터
의 이벤트를 트리거하는 선택기 요소의 자손에 대한
선택기 문자열 입니다. 예:

코드는 다음과 같습니다.

$("table").on("click", ".td1", function() {

alert("hi");

});
필터 클래스는 td1

의 테이블 하위 요소와 대리자의 선택자가 필요합니다.

위 내용은 jQuery와 해당 예제에서 대리자와 on의 사용법 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!