[JavaScript/jQuery]제이쿼리 선택자(Selector) 비교
VanillaJS와 jQuery는 최대 10배 속도차이가 발생난다고 한다.
그래서 이번에 손에 익힐겸 jQuery보다 VanillaJS를 사용하려고 노력해봤다. 제일 헷갈리는 부분은 선택자부분이었다.
선택자(Selector)
JavaScript | jQuery |
---|---|
document.getElementById(아이디명) | $(#아이디명) |
document.getElementsByClassName(클래스명) | $(.클래스명) |
document.getElementsByTagName(태그명) | $(태그명) |
- querySelector: 매칭된 첫번째 element 반환, 조회값 없을땐
null
반환 - querySelectorAll: 매칭된 모든 element를 NodeList로 반환, 조회값 없을땐
[]
반환
코드
1 | // 모든 요소 |