jQuery chaning

JavaScript performance comparison

Test case created by oresh

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
combined
$('.level1 > .level2 > .level3 > a').length
pending…
basic
$('.level1 .level2 .level3 a').length
pending…
separated
$('.level1').find('.level2').find('.level3').find('a').length
pending…
straight
$('.level1').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