jQuery .eq() vs. :eq()

JavaScript performance comparison

Test case created by Matt Hinchliffe

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>
 
<script>
Benchmark.prototype.setup = function() {
    var $li = $(document.getElementsByTagName('ul')).children();
};
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
.eq()
$li.eq(0);
$li.eq( $li.length - 1 );
pending…
:eq()
$li.filter(':eq(0)');
$li.filter(':eq(' + ($li.length - 1) + ')');
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment