selector test (v3)

Revision 3 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="bob">
<a href="#">A</a>
<a href="#">B</a>
<a href="#">C</a>
<a href="#">D</a>
<a href="#">E</a>
</div>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>
<p>other html here</p>

Test runner

Ready to run.

Testing in
TestOps/sec
element test
$('a').css('color','red');
ready
id test
$('#bob a').css('color','red');
ready
find test
$('#bob').find('a').css('color','red');
ready
id test 2
$('#bob').children('a').css('color','red');
ready

Revisions

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