4545454545

Benchmark created by Dmitry Shurshilin on


Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div class="section">
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
    <div class="child item">Value</div>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
11
$('.section .item').addClass('add-class');
ready
22
$('.section').find('.item').addClass('add-class');
ready
33
$('.section').find('.item.child').addClass('add-class');
ready
44
$('.item').addClass('add-class');
ready
55
$('.item.child').addClass('add-class');
ready

Revisions

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

  • Revision 1: published by Dmitry Shurshilin on