jQuery Key Selector Test (v4)

Revision 4 of this benchmark created on

Preparation HTML

<div id="my-div">
  <a href class="my-link">foo</a>
  <a href class="my-link">foo</a>
  <a href class="my-link">foo</a>
  <a href class="my-link">foo</a>
  <a href class="my-link">foo</a>
  <a href class="my-link">foo</a>
  <a href class="my-link">foo</a>
  <a href class="my-link">foo</a>
  <a href class="my-link">foo</a>
  <a href class="my-link">foo</a>
</div>
<a href>foo</a>
<a href>foo</a>
<a href>foo</a>
<a href>foo</a>
<a href>foo</a>
<a href>foo</a>
<a href>foo</a>
<a href>foo</a>
<a href>foo</a>
<a href>foo</a>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
id + tag name
$(function () {
  var foo = $('#my-div a')
});
ready
class name only
$(function () {
  var foo = $('.my-link')
});
ready
id find tag name
$(function () {
  var foo = $('#my-div').find('a')
});
ready
Sub Tree
$(function () {
  var foo = $('a', '#my-div')
});
ready
Children
$(function () {
  var foo = $('#my-div').children('a')
});
ready
Native
$(function () {
  var foo = document.getElementsByClassName('my-link');
  foo = $(foo);
});
ready

Revisions

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