제이쿼리 이벤트리스너 관련 질문

[gtdg]

$(document).on("click", ".aaa", function() {
  console.log('반응한다');
});

$(.aaa).on("click", function() {
  console.log('반응한다');
});

aaa라는 클래스를 가진 요소가 페이지 첫 로딩땐 없고 특정 상황에서 생기게끔 코드를 짰는데요..

첫번째만 반응하던데 두개의 차이가 뭔가요? 

어렴풋이 추측하기론 첫번째껀 다시 문서 전체를 읽어서 찾은다음 이벤트를 듣는거같고

두번째껀 페이지 첫 로딩때만 읽어본다음 aaa란 클래스를 가진놈이 없어서 동작을 안하는거같은데 맞는지 궁금합니다.

[gtdg]

아니 다시생각해보니 특정 시점에 문서 전체를 읽으란 코드가 없이 그냥 리스너만 열린거라 본문내용은 틀린거같네요..

문서 전체를 대상으로 클릭이벤트를 듣는데 그중 aaa란놈을 눌렀을때 반응하는건가요? 두번째랑 무슨차이인건가요..?

[codingapple]

.aaa가 늦게 생성되면 .aaa를 못찾으니까 거기 이벤트리스너도 못붙여서 둘 째 코드가 동작안합니다 

그래서 첫 째 처럼 쓰는 사람들이 있습니다 첫 째는 document에 클릭이벤트리스너 달아놓는건데 e.target이 .aaa인 경우에만 동작합니다 

[글쓴이]

글