getElementsByName vs. jQuery $('[name="..."]') (v8)

Revision 8 of this benchmark created by J Klassen on


Description

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

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div id="map">
<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 Selector 1
$('[name="hidden"]');
ready
jQuery Selector 2
$('div[name="hidden"]');
ready
Native + jQuery
$( document.getElementsByName('hidden') );
ready

Revisions

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