selector test - nativJS / jQuery

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script>
<div class="foo">
    <div class="foo bar"></div>
    <div class="bar"></div>
    <div class="foo bar"></div>
</div>
<script>
  var foo = new Array();
  var foobar = new Array();
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
nativJS
var foobar = document.getElementsByClassName('foo bar');
ready
nativJS querySelector
foobar = document.querySelectorAll('.foo.bar');
ready
jQuery
foobar = jQuery('.foo.bar');
ready
prototype
foobar = $('.foo.bar');
ready
jQuery ( parent )
foobar = jQuery('.foo .foo.bar');
ready
nativJS querySelector ( parent )
foobar = document.querySelectorAll('.foo .foo.bar');
ready
prototype (parent)
foobar = $('.foo .foo.bar');
ready

Revisions

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