Add vs lots of ids vs class

Benchmark created by Eddie on

Preparation HTML

<div id="id1" class="selectme">Content</div>
<div id="id2" class="selectme">Content</div>
<div id="id3" class="selectme">Content</div>
<div id="id4" class="selectme">Content</div>
<div id="id5" class="selectme">Content</div>
<div id="id6" class="selectme">Content</div>
<div id="id7" class="selectme">Content</div>
<div id="id8" class="selectme">Content</div>
<div id="id9" class="selectme">Content</div>
<div id="id10" class="selectme">Content</div>

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

Test runner

Ready to run.

Testing in
TestOps/sec
Lots of Ids
$('#id1, #id2, #id3, #id4, #id5, #id6, #id7, #id8, #id9, #id10').show();
ready
Add
$('#id1').add('#id2').add('#id3').add('#id4').add('#id5').add('#id6').add('#id7').add('#id8').add('#id9').add('#id10').show();
ready
Class
$('.selectme').show();
ready

Revisions

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