JavaScript / jQuery DOM 선택기
jQuery 대 자바스크립트
jQuery 는 John Resig가 2006년에 만들었습니다. 브라우저 비호환성을 처리하고 HTML DOM 조작, 이벤트 처리, 애니메이션 및 Ajax를 단순화하도록 설계되었습니다.
10년 이상 동안 jQuery는 세계에서 가장 인기 있는 JavaScript 라이브러리였습니다.그러나 JavaScript 버전 5 (2009) 이후에는 대부분의 jQuery 유틸리티를 몇 줄의 표준 JavaScript로 해결할 수 있습니다.
ID로 HTML 요소 찾기
id="id01"인 요소를 반환합니다.
제이쿼리
myElement = $("#id01");
자바스크립트
myElement = document.getElementById("id01");
태그 이름으로 HTML 요소 찾기
모든 <p> 요소를 반환합니다.
제이쿼리
myElements = $("p");
자바스크립트
myElements = document.getElementsByTagName("p");
클래스 이름으로 HTML 요소 찾기
class="intro"인 모든 요소를 반환합니다.
제이쿼리
myElements = $(".intro");
자바스크립트
myElements = document.getElementsByClassName("intro");
CSS 선택기로 HTML 요소 찾기
class="intro"인 모든 <p> 요소의 목록을 반환합니다.
제이쿼리
myElements = $("p.intro");
자바스크립트
myElements = document.querySelectorAll("p.intro");