셀렉터

5 글 보임 - 1 에서 5 까지 (총 5 중에서)

글쓴이

글

2023년 4월 7일 18:54 #75163

참가자

궁금한게 있습니다 

jQuery 는 $() 가 html 에 있는 모든 셀렉터를 찾아주는 걸로 알고 있습니다 .
그런데 쌩 자바스크립트는 인덱싱을 꼭 해야 하는 것으로 아는데 
제이쿼리 처럼 쌩 자바스크립트에서도 입력한 모든 셀렉터를 찾아주는 셀럭터가 없나요 ?

2023년 4월 7일 20:08 #75171

codingapple

키 마스터

querySelectorAll 밖에 없습니다

2023년 4월 8일 17:54 #75256

심현석

참가자

function 탭열기(i) {
$(".tab-button").removeClass("orange");
$(".tab-button").eq(i).addClass("orange");
$(".tab-content").removeClass("show");
$(".tab-content").eq(i).addClass("show");
 }
예를 들면 제이쿼리로 작성한 위 코드는 모든 탭버튼에 있는 오렌지 클래스를 제거해라 라는 것인데

쌩 자바스크립트는 querySelectorAll(".tab-button)[0].classList.remove("orange)
                            querySelectorAll(".tab-button)[1].classList.remove("orange)
                            querySelectorAll(".tab-button)[2].classList.remove("orange)

이런식으로 꼭 작성해줘야 한다는 말씀이신거죠 ?

2023년 4월 8일 20:34 #75277

codingapple

키 마스터

넴

2023년 4월 9일 00:15 #75291

심현석

참가자

감사합니다 !

글쓴이

글

5 글 보임 - 1 에서 5 까지 (총 5 중에서)

답변은 로그인 후 가능합니다.

로그인

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png