CSS Selector Performance via jQuery

Question

It says on here (http://api.jquery.com/first-selector) that " To achieve the best performance when using :first to select elements, first select the elements using a pure CSS selector, then use .filter(":first") "

Can someone pls give an example of this?

Not an answer, but if you are worried about performance: drop jQuery for Vanilla JS. — PeeHaa
– PeeHaa, Commented Dec 1, 2012 at 22:13

charlietfl · Accepted Answer · 2012-12-01 22:14:17Z

2

Example collecting all DIV , then filtering :first

var divFirst=$('div').filter(':first');

Can also use first() method which will also use filter() internally in jQuery

var divFirst=$('div').first();

answered Dec 1, 2012 at 22:14

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Comments

Ram · Accepted Answer · 2012-12-01 22:20:48Z

1

$('.elements').filter(':first');

or:

$('.elements').first();

or:

$('.elements').eq(0);

More efficient than:

$('.elements:first');

This is the case with other jQuery selectors like :has versus has method.

edited Dec 1, 2012 at 22:20

answered Dec 1, 2012 at 22:14

Ram

145k16 gold badges174 silver badges201 bronze badges

Collectives™ on Stack Overflow

CSS Selector Performance via jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related