jQuery selection via array notation among multiple elements

Question

While reading the jQuery documentation about the jQuery object I came upon this line:

Alternatively, because the jQuery object is "array-like," it supports array subscripting via brackets:

// Selecting only the first 'h1' element on the page (alternate approach)
var firstHeaderElem = $("h1")[ 0 ];

I tested this out using three paragraphs with the jQuery like this:

$(document).ready(function() {
    var t = $("p")[0];
    $("button").click(
    function()
    {
        t.fadeOut();
    });
});

It doesn't work. Is this because using array notation doesn't really return a jQuery object, thus the methods are not available?

It works. @likeitlikeit is right: check this out jsfiddle.net/2SVsr — karthikr
– karthikr, Commented May 7, 2013 at 15:34

Paolo Bergantino · Accepted Answer · 2013-05-07 15:33:27Z

5

When you use the array notation you are getting the native DOM elements back, not the jQuery "wrapped set". Your example would work if you did $(t).fadeOut(); instead. If you wanted to get the first result of a set without shedding the jQuery goodness, you would do $('p').eq(0);

answered May 7, 2013 at 15:33

Paolo Bergantino

490k83 gold badges524 silver badges437 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery selection via array notation among multiple elements

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related