.children(':first') vs .children(":first-child")

JavaScript performance comparison

Revision 3 of this test case created on 3rd February 2012

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div class="div">
  <a class="child">First Child</a>
<b class="child">Second</b>
<i class="child">Third</i>
</div>

Preparation code output

First Child Second Third

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test		Ops/sec
:first	`$('.div').children(':first');`	pending…
:first-child	`$('.div').children(':first-child');`	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:

Revision 1: published on 16th December 2011
Revision 2: published on 20th December 2011
Revision 3: published on 3rd February 2012
Revision 4: published on 2nd March 2012
Revision 5: published on 4th March 2012
Revision 6: published on 13th March 2012
Revision 7: published on 13th March 2012