yui3 vs jquery-selector-test (v12)

Revision 12 of this benchmark created by Sam Pullara on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>
<script src="http://www.linkedin.com/lib/sizzle/1.0/sizzle.js"></script>

<section class="target-me" name="donuts">.target-me</section>
<section class="target-me">.target-me</section>
<section class="target-me" name="candy">.target-me</section>
<script>
  YUI().use('node', function(Y) {
    window.Y = Y;
  });
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
jquery selector
$('.target-me[name=candy]');
ready
yui3 selector
Y.one('.target-me[name=candy]');
ready
Sizzle
Sizzle('.target-me[name=candy]');
ready
Native
var elements = document.getElementsByClassName('target-me');
for (var e in elements) {
  var element = elements[e];
  if (element.getAttribute("name") == "candy") {
    break;
  }
}
ready
Native Query Selector
document.querySelectorAll('.target-me[name=candy]');
ready

Revisions

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