2013-06-11 5 views
3

이 일 직접 이벤트에 의해 사용 이벤트를 적용 할 사이에 어떤 성능 차이가 나는 내가내가 JQuery와 프로젝트를 진행하고

같은 직접 이벤트를 사용하는 경우
$('.selector').click(function(){ 
}); 

이 작동 발견 완벽한하지만 경우에 페이지 다시 부분 게시하거나 동적 콘텐츠의 지금

$('body').on('click','.selector',function(){ 

}); 

내 질문에 on 정적 콘텐츠에 대한 작업뿐만 아니라 동적 컨텐츠, 그래서 왜 난 항상 on을 사용하여 직접 INS됩니다 따를 .on을 사용해야합니다 정적 이벤트 (예 : click)를 사용합니다.

.on

+0

'.click()'도 뒤에'.on()'을 호출하기 때문에 사용하기 쉽다고 생각합니다. –

+0

@ NixR.Eyes 두 번째 사례는 이벤트 위임을 사용하므로 body에 대한 모든 클릭을 처리해야하므로 간단하지 않습니다. –

+0

@dystroy 나는 왜 '항상 클릭 같은 정적 이벤트 대신 직접 사용'하지 않는지에 대해 말합니다. –

답변

2

어떤 성능 문제는 .on와 성능에 문제가 없습니다 CSTE 연구진은

어떤 성능 문제가 있나요입니다.

$('.selector').on('click', function(){ 

자연스럽게 브라우저에서 더 많은 작업을 필요로합니다 DOM에 아직없는 요소에 대한 $('body').on 대표 이벤트의 사용이 말한대로의 차이 : 사실, 첫 번째 예는 단지 바로 가기입니다 . 문서 또는 본문에 위임이 필요한 경우이를 사용하고, 그렇지 않으면 다른 방법을 사용하십시오.

관련 문제