Difference between $('selector')[0] ,$('selector').eq(index) in jquery.

Question

What is the difference between $('#div1 a')[0] and $('#div1 a').eq(0) for the following markup

<div id="div1">
<a href="#">click</a>
</div>.

Please Help.

Answer 1

$('div1 a')[0]

returns a direct reference to a DOM element

$('div1 a').eq(0)

returns a JQuery object

http://jsfiddle.net/meo/DP8as/

This will not work:

$('div a')[0].hide()

this will;

$('div a').eq(0).hide()