getElementsByName vs. jQuery Selector (v10)

Revision 10 of this benchmark created on

Description

getElementsByName vs. jQuery Selector. The output is translated to jQuery array.

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 Selektor
var $eles = $('div[name="hidden"]');
$eles.length
ready
Native
var eles = document.getElementsByName('hidden');
var $eles = $(eles)
$eles.length
ready

Revisions

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