long-selectors-vs-data (v17)

Revision 17 of this benchmark created on

Preparation HTML

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

<div class="testDiv" id="div1">
    <span class="testSpan"></span>
<span data-group="testSpan2"></span>
</div>

<div>
    <span data-group="testSpan"></span>
<span class="testSpan2"></span>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
long-selector
$("div.testDiv > span.testSpan");
ready
data
$("[data-group='testSpan']");
ready
specific-data
$("span[data-group='testSpan']");
 
ready
$(".testSpan");
ready
$(document.getElementById("div1")).html("1");
ready
$("#div1").html("1");
ready

Revisions

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