selector

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  var num = 100;
  var test_count = 10000;
  var i = 0;
  
  for (var i = 0; i < num; i++) {
   $('body').append('<div class="c' + i + '" id="i' + i + '" role="r' + i + '" data-attr="a' + i + '">' + i + '</div > ');
  }
  
  var randoms = [];
  for (var i = 0; i < test_count; i++) {
   randoms.push(Math.round(Math.random() * (num - 1)) % (num - 1));
  }
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
class
for (var i = 0; i < test_count; i++) {
 $('.c' + randoms[i]);
}
ready
id
for (var i = 0; i < test_count; i++) {
 $('#i' + randoms[i]);
}
ready
attr
for (var i = 0; i < test_count; i++) {
 $('[a=' + randoms[i] + ']');
}
ready
jrole
for (var i = 0; i < test_count; i++) {
 $('@r' + randoms[i]);
}
ready

Revisions

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