[jQuery] 제이쿼리 노드에서 자바스크립트 DOM 객체 접근

<div> 1 </div>
<div> 2 </div>
<div> 3 </div>
<div> 4 </div>

<script>
	var $divs = $('div');
    
    // 다음 2가지 선언은 같은 의미이다.
    var div1 = $divs[1];
    var div1 = $divs.get(1);
    
    // 다음은 3번째 div jQuery객체를 가져온다. 
    var $div2 = $divs.eq(2);
    
    
</script>

 

위 코드처럼, $divs[1]과 $divs.get(1)은 자바스크립트 dom 객체를 가져오므로, 해당 객체에서는 제이쿼리 메소드를 사용하지 못한다.

 

$divs.eq(2)은 div 목록중 3번째 인덱스에 해당하는 제이쿼리 객체를 불러온다. 따라서 이 객체에서는 제이쿼리 메소드를 사용할 수 있다.