.get() vs .eq()

.get(index)

  • Retrieve one of the elements matched by the jQuery object. (jQuery API Documentation)
  • 특정 index의 DOM element를 반환해준다.

.eq(index)

  • Reduce the set of matched elements to the one at the specified index. (jQuery API Documentation)
  • 특정 index의 DOM element를 jQuery Object로 쌓인(wrapped) 상태로 반환해준다.

예시

HTML

<ul>
    <li>List 1</li>
    <li>List 2</li>
    <li>List 3</li>
</ul>    
<script>
    console.log($("li").get(0) === $("li").eq(0));     // false
    console.log($("li").get(0) === $("li").eq(0)[0]);  // true
    console.log($("li").get(1) === $("li").eq(1)[0]);  // true
</script>