본문으로 바로가기

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

category 개발/jQuery 2018. 6. 3. 16:06

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


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

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


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


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

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


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

  1. 룩셈부르크
  2. 대한민국
  3. 일본
  4. 러시아
  5. 중국
  6. 미국
  7. 북한
  8. 가나
  9. 아프리카
$(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); });



댓글을 달아 주세요