본문 바로가기

Dev-/java script, jQuery, Ajax

jQuery 이벤트 위임

현재 존재하는 자손요소뿐만 아니라 나중에(동적으로) 추가될 자손요소에게 이벤트를 위임을 할 수 있습니다.

추가될 자손요소의 수가 적다면 일일이 이벤트 처리를 할 수 있지만,,, 

그 수가 크고, 정확히 알 수가 없다면 곤란해집니다.



가령.. 

새로 추가될 자손요소가 li > a 태그이고,  그 모든 자손요소에 "click"시 alert(11)이라는 함수를 발생시키고 싶다면 


아래와 같이 적용할 수 있습니다.


하지만 아래와 같이 한다면, 에러가 뜹니다.




추가로,,,

자손 요소가 들어가는 부분은,, 꼭 이벤트를 최종으로 받는 요소일 필요는 없습니다.

'Dev- > java script, jQuery, Ajax' 카테고리의 다른 글

append() vs html()  (0) 2018.07.13
Handlebars - 반복적인 부분을 출력하고 싶을 때, 코드를 깔끔하게  (0) 2018.07.10
Ajax의 Content-Type  (0) 2018.07.08
Ajax 구성  (0) 2018.07.07
pagination 버튼 처리  (0) 2018.07.06