[jQuery] jQuery on("click")과 click() 차이는? 그리고.off()

- 선택자.on("click") 과 선택자.click() 의 차이점은 동적으로 이벤트를 바인딩할 수 있는지 없는지의 차이다.

 

- 선택자.on("click")은 동적으로 생성된 태그에 클릭을 가능하게 이벤트를 바인딩 해준다.

- 선택자.click() 은 최초에 선언된 태그에만 동작한다. 동적으로 생성된 태그에는 안먹힘.

- 선택자.on("click")이 선택자.click() 보다 메모리 관리에 좋다고한다. 이유는 미리 메모리를 할당하지 않기 때문임

 

off() - 이벤트 제거하기 통합 메서드

 

선택자.on("click") 를 사용할때 추가로 off()메서드를 사용하면 더 좋다고 한다.

 

$('#id').off().on('click', function(){});

이렇게 하면 기존에 클릭 이벤트가 있는 경우 click 첨부된 모든 기존 이벤트 핸들러가 제거되고 새로운 click 이벤트 핸들러가 추가된다.