자바스크립트 DOM 객체 vs 제이쿼리 객체

자바스크립트 dom 객체는 div, p 태그 등을 getElementById 등으로 가져온 객체이다.

 

ex)

<script>

var val = document.getElementById("a1");

</script>

<div id="a1"> test <div>

 

여기서 val에 자바스크립트 dom 객체값이 생성된다.

 

제이쿼리 객체의 경우는

 

ex)

<script>

var $val = $("a1");

</script>

<div id="a1"> test <div>

 

이런식으로 생성하며, $val에 제이쿼리 객체가 생성되어 제이쿼리의 메서드를 사용할 수 있게 된다.

 

$(this) 와 같이 클릭했을때의 특정 객체를 가져올때 사용하는 this도 자바스크립트 dom객체이며, $(this) 이렇게 제이쿼리로 감싸면 제이쿼리 객체가 된다.