[JS] 헷갈리는 querySelectAll과 Jqeury 포함 범위

.abc (클래스 abc) 를 가진 모든 div 포함

.abc 클래스를 가진 모든 것에 이벤트 리스너 달기

제이쿼리

$(".abc").on("click", function () {});

 - [0] 이런 식으로 순서지정해줄 필요없음

querySelectAll

  document.querySelectorAll('.abc')[0].addEventListner('click', function () {});

- 한 번에 전부 다 선택하는 방법은 없음.

$(.abc ) 셀렉터로 찾은 요소 중에 x번째 요소만 선택

 

제이쿼리

$(".abc").eq(x).on("click", function () {});

querySelectAll

document.querySelectorAll('.abc')[x].addEventListner('click', function () {});

---

참고)

jQuery 사용법 간단정리 (tistory.com)

jQuery 사용법 간단정리