Interview Questions

How do I pull a native DOM element from a jQuery object?

jQuery Interview Questions and Answers


(Continued from previous question...)

How do I pull a native DOM element from a jQuery object?

A jQuery object is an array-like wrapper around one or more DOM elements. To get a reference to the actual DOM elements (instead of the jQuery object), you have two options. The first (and fastest) method is to use array notation:

$('#foo')[0]; // equivalent to document.getElementById('foo')

The second method is to use the get function:

$('#foo').get(0); // identical to above, only slower

You can also call get without any arguments to retrieve a true array of DOM elements.

(Continued on next question...)

Other Interview Questions