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") 이벤트를 사용하면 동적으로 이벤트를 바인딩 시킬 수 있다.