js+jq

Benchmark created by jocage on December 18, 2013

Preparation HTML

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


<div id=menu>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>

<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>

<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>

<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>

<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>

<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
<a href="http://jquery.com">jQuery</a>
</div>

Test runner

var menu = document.getElementById('menu');
$('a', menu);

$('a', '#menu');

$('#menu').find('a');

$('#menu a');

var menu = $('#menu');
$('a', menu);

var menu = document.getElementById('menu');
menu.querySelectorAll('a');

Revisions

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

• Revision 1: published by jocage on December 18, 2013