jQuery Object array notation

The [0] array notation and the .get() method both return a reference to a DOM element within the jQuery object, and you can’t use jQuery methods on DOM elements.

Try the eq() method instead, because it returns a new jQuery object:

$('.foo').eq(0).hide();

Note also that having used the array notation or .get() to get a reference to a DOM element means you can then get direct access to the DOM element’s properties, e.g.:

var firstElId = $('.foo')[0].id;

…with a second note that $('.foo')[0] will be undefined and $('.foo')[0].id will give an error if there are no elements matching the '.foo' selector.

Leave a Comment