selector test id/id id/danijal (v54)

Revision 54 of this benchmark created by Danijal on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

<div>
<div>
<div id="Mytbl">
<div id="MyElement"></div>
<div class="MyClass"></div>
<div class="MyClass"></div>
<div class="MyClass"></div>
<div class="MyClass"></div>
</div>
</div>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
Direct ID
$('#MyElement');


 
ready
Nested ID's
$('#Mytbl #MyElement');
ready
ID - Class
$('#Mytbl .MyClass');
ready
Direct ID with tag
$('div#MyElement');
ready
tag plus class
$('div.MyClass');
ready
only class
$('.MyClass');
ready
js way
document.getElementById("MyElement");
ready
js classes
document.getElementsByClassName("MyClass");
ready

Revisions

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