jquery .on은 새 DOM 요소가있는 .click보다 빠릅니까?

Question

$(document).on('click', handler) 또는 $('.class').on('click', handler)을 사용하고 싶지 않습니다 ... $('.class').click();을 사용하는 편이 낫습니다. 코드에서 자신의 길을 찾는 것이 더 쉽지만 속도가 빠르지는 모르겠습니다. 나는 DOM에 새 요소를 추가하는 경우

좋아 :

function addElementThenBindAction(){ 
    var html = $ ("<div><a id="#myid">Link me</a></div>"); 

    html.click(addElementThenBindAction()); 

    $('body').append(html); 
} 

$('#aButtonFromDom').click(function(){ 
    addElementThenBundAction(); 
}); 

인가 그보다 더 빨리 - jQuery documentation 상태로

function addHtml(){ 
    var html = $ ("<div><a id="#myid">Link me</a></div>"); 
    $('body').append('html'); 
} 

$(document).on('click', '#myId', function(){ 
    addHtml(); 
}); 
$('#aButtonFromDom').click(function(){ 
    addHtml(); 
}); 

Answer 1

:

.click(handler)

이 메소드는 대답은 .on() 기능은 적은 기능이 호출되고 때문에 단순히 .click()보다 "더 빨리"가 될 것입니다 한마디로 .on("click", handler)

에 대한 바로 가기입니다. 그러나 당신이 볼 수있는 성능 이득/손실은 정말로 중요하지 않습니다.

오직 당신 만이 요소의 많은 처리 될 경우 당신은 어쩌면/참조 성능 차이를 느낄 수있을 것입니다. http://jsperf.com/jquery-on-versus-click/10 -

---

나는 다른 비교와 함께 이러한 비교를 다루는 jsperf을 발견했다. 최신 jQuery 버전을 사용하고 있지는 않지만 차이점이 가치가 있다고 생각하지는 않습니다.