on( ) 메소드

주최가 되는 부모 속성의 이벤트를 물려받아서 지정 선택자에게 이벤트를 연결

(부모 속성을 이용하여 처리)

• 사용법

  .on(”click”, function(){ } )

• 장점

  1. 메모리를 덜먹음
  2. 동적으로 생성되는 요소들이 잘 작동

click( ) 메소드

선택한 요소를 클릭했을 때 특정 작업을 수행함

• 사용법

요소.click( function(){ } )

• 단점
  1. 많은 요소들은 많은 개별 핸들러를 필요로 함 ⇒ 메모리 사용량 증가
  2. 동적으로 추가된 요소들에 기존 핸들러 작동이 되지 않음

동적 이벤트 바인딩(dynamic event binding)

동적으로 생성된 요소에 이벤트를 바인딩 하는 것