자바스크립트, 제이쿼리를 이용해 객체 가져오기

id 값

<div id="id_tag"></div>

​

jQuery : $("#id_tag​")

javascript : document.getElementById("id_tag");

​

​

class 값

<div class="class1 class_tag"></div>

<div class="class2 class_tag"></div>

<div class="class3 class_tag"></div>

​

jQuery : $(".class_tag​")

javascript : document.getElementsByClassName("class_tag");

​

※ 클래스 중 특정 클래스만 가지고 오는 방법

jQuery : $(".class1​")

javascript : document.getElementsByClassName("class1​ class_tag");

​

​

querySelector / querySelectorAll

querySelector : 가장 먼저 찾아진 하나의 메서드만 반환

예) document.querySelector(".class_tag"); // class1을 찾는다.

​

querySelectorAll : 문서 내에 있는 조건에 맞는 모든 객체

예) document.querySelectorAll(".class_tag"); // 모든 class_tag를 찾는다.