multiple vs seperate selector (v2)

Revision 2 of this benchmark created on


Preparation HTML

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

<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>
<div class="class1"></div>
<div class="class2"></div>

Test runner

Ready to run.

Testing in
TestOps/sec
multiple selector
$('.class1, .class2').html('');
ready
separate selector
$('.class1').html('');
$('.class2').html('');
ready
adding selectors
$('.class1').add('.class2').html('');
ready

Revisions

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