jQuery (제이쿼리) - jQuery get(), eq() 의 차이점

앞서 제이쿼리의 get() 과 toArray() 의 차이점을 알아봤는데 이번에는 get() 과 eq() 함수의 차이점을 알아보도록 하자.

get() 함수는 index 를 주어 get(index) 의 형태로 객체를 얻어올 수 있다고 했는데

eq() 함수 또한 index 를 주어 get(index) 의 형태로 객체를 얻어올 수 있다.

그렇다면 이 둘의 차이점은 뭘까?

이것 역시 앞서 지긋지긋하게 설명했던 제이쿼리 객체와 HTML 객체를 얻어오는 것의 차이점이 있다.

get() 이 HTML 객체를 얻어오는 함수라면 eq() 는 해당 배열의 index 에 해당하는 객체를 제이쿼리 객체로 얻어온다.

간단한 예제를 보고 끝내도록 하자.

    
룩셈부르크
    
대한민국
    
일본
    
러시아
    
중국
    
미국
    
북한
    
가나
    
아프리카


$(function() {
	// 인덱스 배열 번호는 동일하다.
	var htmlElem = $("ol#countryList > li").get(3);
	var jqueryElem = $("ol#countryList > li").eq(3);
    
    alert(htmlElem.innerHTML);
    // html 객체에 jQuery 함수를 사용할 수 없다.
    //alert(htmlElem.html());
    alert(jqueryElem.html());
    // jQuery 객체에 원시 자바스크립트 innerHTML 을 사용하면 undefined 가 발생한다.
    //alert(jqueryElem.innerHTML);
});