jQuery chaning

JavaScript performance comparison

Revision 2 of this test case created by Kirill

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  var b = $('<div class="level1"/>').append('<div class="level2"/>').append('<div class="level3"/>').append(Array(100).join('<a></a>'));
</script>
    

Preparation code output

Test runner

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

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
single
$('.level1 .level2 .level3 a').length
pending…
separated
$('.level1').find('.level2').find('.level3').find('a').length
pending…
skip children
$('.level1').find('a').length
pending…
css children
$('.level1 > .level2 > .level3 > a').length
pending…
.children()
$('.level1').children('.level2').children('.level3').children('a').length
pending…
separated cashed
var level1 = $('.level1');
level1.find('.level2').find('.level3').find('a').length
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.

0 Comments