JQuery class selector vs. ID attribute starts with selector, with and without tag prefix (v2)

Revision 2 of this benchmark created on

Preparation HTML

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

<div style="display:none;">

<div id="random">&nbsp;</div>

<h1 id="wrong">A tag</h1>
<p class="wrong">Some text</p>

<ul>
<li id="select-1" class="select">&nbsp;</li>
<li id="select-2" class="select">&nbsp;</li>
<li id="select-3" class="select">&nbsp;</li>
<li id="select-4" class="select">&nbsp;</li>
<li id="select-5" class="select">&nbsp;</li>
<div id="select-6" class="select">&nbsp;</li>
<div id="select-7" class="select">&nbsp;</li>
<div id="select-8" class="select">&nbsp;</li>
<li id="select-9" class="select">&nbsp;</li>
<li id="select-10" class="select">&nbsp;</li>
</ul>

</div>

Test runner

Ready to run.

Testing in
TestOps/sec
JQuery ID attribute starts with selector
$('[id^="select"]');
ready
JQuery ID attribute prefix selector
$('[id|="select"]');
ready
JQuery ID attribute starts with selector, with tag prefix
$('li[id^="select"]');
ready
JQuery ID attribute prefix selector, with tag prefix
$('li[id|="select"]');
ready

Revisions

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