jQuery ID selector vs class selector

Benchmark created on


Preparation HTML

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

<div class="red"><div class="green"><div class="yellow"><div class="blue"><div class="black"></div></div></div></div></div>


<div id="red"><div id="green"><div id="yellow"><div id="blue"><div class="black"></div></div></div></div></div>

Test runner

Ready to run.

Testing in
TestOps/sec
Class
var a = $(".blue .black");
ready
Id
var b = $("#blue .black");
ready

Revisions

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