jQuery 이벤트 - on API 사용법 (Section 45)

참고> opentutorials.org/course/1375/6888

 

1. on() 함수: 파라미터로 이벤트 catch를 원하는 tag를 전달할 수 있음 ex) $('ul').on('click', 'a', 'li', function(){ ... });

2. late binding: jQuery가 아직 존재하지 않는 element에도 이벤트를 등록할 수 있는 기능
-> 이 덕분에 javascript 코드가 HTML 문서의 위쪽에서 생성되어서 아직 존재하지 않는 element에 event binding을 하여도 문서 로딩이 끝나고 났을 때 해당 element로 event가 바인딩되어 있다.

3. 다중 바인딩: 여러 개의 이벤트 타입을 동시에 등록함
-> on 함수의 파라미터로 이벤트 이름을 넘겨줄 때 공백을 delimiter로 하여 이벤트 타입을 여러개 전달할 수 있음
-> on 함수를 chaining하여 여러 개의 이벤트를 한 줄에 바인딩할 수 있음

4. off() 함수: 이벤트를 제거하는 함수