.first() vs :first vs eq(0) vs .filter(':first') (v24)

Revision 24 of this benchmark created by Juan Andres on

Description

which is faster .first(), :first or .eq(0)? Added :eq(0) css selector Added [0] javascript index

Stack Overflow Question: http://stackoverflow.com/questions/2312761/jquery-first-vs-first

Preparation HTML

<ul id="list">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
</ul>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
.first()
console.log(
  $('ul').find('li').first().text()
);
ready
:first
console.log(
  $('ul').find('li:first').text()
);
ready
.eq(0)
console.log(
  $('ul').find('li').eq(0).text()
);
ready
.filter(':first')
console.log(
  $('ul').find('li').filter(':first').text()
);
ready
:eq(0)
console.log(
  $('ul').find('li:eq(0)').text()
);
ready
[0]
console.log(
  $($('ul li')[0]).text()
);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.