Native selector vs. jQuery $('[name="..."]') (v5)

Revision 5 of this benchmark created on


Description

Compares with $('[name="hidden"]') instead of $('div[name="hidden"]');

Preparation HTML

<script src="https://yui.yahooapis.com/3.4.1/build/simpleyui/simpleyui-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div id="map" style="display:none;">
<div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div><div name="hidden">t</div></div>
<script>
  var map = $('#map');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery Selektor
$('[name="hidden"]');
ready
Native
document.querySelectorAll('[name="hidden"]');
ready
YUI 3
Y.all('[name="hidden"]');
ready
YUI 3 (Bypass Y.all)
new Y.NodeList('[name="hidden"]');
ready
YUI 3 (Bypass Y.NodeList)
Y.Selector.query('[name="hidden"]');
ready

Revisions

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