[jQuery] 이벤트의 위임(event delegation), 이벤트의 위임 방법

 

 

이벤트의 위임(event delegation)

·       제이쿼리는 이벤트의 위임을 통해 다수의 요소에 공통으로 적용되는 이벤트 핸들러를 공통된 조상 요소에 단 한 번만 연결하면 동작할 수 있도록 해줍니다.

·       이벤트의 위임을 이용하면 현재 존재하는 자손 요소뿐만 아니라, 나중에 추가되는 자손 요소까지도 모두 자동으로 연결됩니다.

 

 

이벤트의 위임 방법

.on() 메소드는 해당 요소에 첫 번째 인수로 전달받은 이벤트(click)가 전파되었을 때,  그 이벤트를 발생한 요소가 두 번째 인수(a)로 전달받은 선택자와 같은지를 검사합니다. 만약 이벤트가 발생한 요소와 두 번째 인수로 전달받은 선택자가 같으면, 연결된 이벤트 핸들러를 실행합니다.

$("ul").on("click", "a", function(event) { 실행코드 });