STUDY_NOTE/javascript & jQuery
$().click, $().on('click') 차이
kh201
2021. 4. 15. 10:26
bind = 묶다, 감다
둘다 클릭 이벤트 발생시킴. 동적으로 이벤트를 발생시킬 수 있는지의 차이.
$().click 은 최초에 선언된 element에만 동작된다.
$().on("click")은 동적으로 생성된 element에 동작이 된다.
$('#idList').append('<li> appended list </li>');
* #idList 에 새로 추가된 'appended list'는 $().click()메소드는 동작하지 않는다.
* $().click() 이벤트는 최초에 페이지를 로딩할 때 선언되어있던 element에 이벤트를 바인딩하고 나서는 더이상 동적으로 바인딩하지 않기 때문이다
* 그럴 때는 $().on("click") 이벤트를 사용하면 동적으로 이벤트를 바인딩 시킬 수 있다.