바닐라JS와 Jquery의 셀렉터 차이를 알고 싶습니다.

[김용민]

캐러셀을 구현하면서 버튼 세개 놓고, 
현재 사진에 해당하는 버튼은 배경을 빨강색
그 외에는 회색


이렇게 구현을 하려고 하는데, 버튼을 클릭할때
강의에서 하신것처럼 일단 모든 클래스를 제거해줬습니다.
그리고 선택된 버튼만 빨강색으로 칠하는 클래스를 붙여줬습니다.

문제는 제이쿼리로는 제대로 굴러가는데 바닐라JS로는 에러가 뜹니다.
작동 : $('.btn-slide').removeClass('current')
에러 : document.querySelectorAll('.btn-slide').classList.remove('current')

이 둘이 무슨 원리 차이가 있는지 모르겠습니다. 검색해봐도 잘 안나오네요 제가 검색어를 잘 못찾은건지..

[codingapple]

querySelectorAll은 뒤에 [] 붙여서 써야합니다

[김용민]

querySelectorAll[i] 를 하면 요소 하나에만 접근이 되는거 아닌가요?
인덱스 없이 querySelectorAll[]는 작동하지를 않습니다.
$('클래스명').removeClass(B) 하면 해당 클래스가 달린 모든 버튼에서 B라는 클래스를 떼어주던데
같은 기능을 하는 바닐라JS 코드는 무조건 for문을 돌리는 수밖에 없는건가요?

[codingapple]

네 한번에 여러개 떼주는 기능은 없습니다

[임수진]

아 이거 진작읽을걸...................
저도 바닐라로 적다가 왜 안되지..........하고 몇시간을 끙끙거렸네요 ㅠㅠㅠㅠㅠㅠㅠㅠ

[글쓴이]

글