jQuery ID vs tagname + ID

Benchmark created on

Preparation HTML

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

<div id="body">

<ul id="first">
<li><div id="test-1a">test</div></li>
<li><div id="test-2a">test</div></li>
<li><div id="test-3a">test</div></li>
<li><div id="test-4a">test</div></li>
<li><div id="test-5a">test</div></li>
<li><div id="heya-1">test</div></li>
</ul>

<ul id="second">
<li><div id="test-1">test</div></li>
<li><div id="test-2">test</div></li>
<li><div id="test-3">test</div></li>
<li><div id="test-4">test</div></li>
<li><div id="test-5">test</div></li>
<li><div id="heya">test</div></li>
</ul>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery ID
$('#heya').addClass('test');
ready
jQuery tagname + ID
$('div#heya').addClass('test');
ready
jQuery nested traversing
$('#body > #second #heya').addClass('test');
ready

Revisions

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