바인딩시 jquery의 차이점은 무엇입니까

버전 1.7 이상부터 JQuery는 이벤트 처리 기능 바인딩 및 취소를 위한 on() 및 off()를 제공합니다. 이 두 API는 원래 JQuery에서 제공하는 바인딩() 및 unbind()와 많은 유사점을 가지고 있지만 몇 가지 차이점도 있습니다. 바인딩 및 바인딩 해제에 대한 자세한 소개는 이 문서를 참조하세요.

on() 및 bin() 함수 시그니처는 다음과 같습니다.

1. bind(type, [data], fn)  
     
   on(type,[selector],[data],fn)

두 함수의 차이점은 선택기 매개변수 값이 지원되는지 여부입니다. . JavaScript의 이벤트 버블링 기능으로 인해 상위 요소에 이벤트 핸들러를 등록하면 하위 요소에서 이벤트가 발생하면 상위 요소의 이벤트 핸들러도 트리거됩니다. on을 사용할 때 선택기를 설정하지 않으면 on과 바인딩 사이에 차이가 없습니다.

<p id="parent">  
    <input type="button" value="a" id="a"/>  
    <input type="button" value="b" id="b"/>  
</p>

위 코드에서 바인딩()을 사용하여 클릭 이벤트 처리 함수를 상위 항목에 바인딩하면 a 또는 b 버튼을 클릭하면 이벤트 처리 함수가 실행됩니다. a를 클릭할 때는 트리거하고 b를 클릭할 때는 트리거하지 않으려면 on을 사용할 수 있습니다. 코드는 다음과 같습니다

$("#parent").on("click","#a",function(){  
    alert($(this).attr("id"));  
});

볼 수 있는 내용은 다음과 같습니다. ) 함수는 이벤트에서 사용됩니다. 버블링 시 상위 요소가 하위 요소에서 발생하는 이벤트를 필터링할 수 있도록 허용합니다. 바인드를 사용하는 경우에는 그러한 기능이 없으며 하위 요소에서 발생하는 이벤트는 확실히 상위 요소 이벤트를 트리거합니다.

한 가지 더 주의할 점이 있습니다. on에 바인딩된 이벤트 처리 함수는 나중에 추가되는 새 요소에도 사용할 수 있으며 대리자와 동일한 효과를 가지지만 바인딩은 그렇지 않습니다.

위 내용은 바인딩시 jquery의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!