jquery-selector-variations (v3)

Revision 3 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="foo">
  <div class="bar">
  </div>
  <div>
  </div>
  <div class="bar">
  </div>
  <div>
  </div>
  <div class="bar">
  </div>
  <div>
  </div>
  <div class="bar">
  </div>
  <div>
  </div>
  <div class="bar">
  </div>
  <div>
  </div>
</div>
<div class="bar">
</div>
<div>
</div>
<div class="bar">
</div>
<div>
</div>
<div class="bar">
</div>
<div>
</div>
<div class="bar">
</div>
<div>
</div>
<div class="bar">
</div>
<div>
</div>
<div class="bar">
</div>
<div>
</div>
<div class="bar">
</div>
<div>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
$("#foo .bar")
$("#foo .bar");
ready
$(".bar", "#foo")
$(".bar", "#foo");
ready
$("#foo").find(".bar")
$("#foo").find(".bar");
ready
Plain JS
document.getElementById("foo").getElementsByClassName("bar");
 
ready
$(".bar", document.getElementById("foo")
$(".bar", document.getElementById("foo"));
ready

Revisions

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