test-selectors (v8)

Revision 8 of this benchmark created on

Preparation HTML

<div id="source-example-sentences">
   <div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
<div class=".source-title"></div>
</div>

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

Test runner

Ready to run.

Testing in
TestOps/sec
1
var $elements = $('#source-example-sentences .source-title:first');
ready
2
var $elements = $('#source-example-sentences').find('.source-title:nth-child(1)');
ready
3
var $elements = $('#source-example-sentences').find('.source-title').first();
ready
4
var $elements = $('#source-example-sentences').find('.source-title:first');
ready
5
var $elements = $(document.querySelector('#source-example-sentences').querySelectorAll('.source-title')[0]);
ready
6
var $elements = $(document.querySelector('#source-example-sentences').querySelectorAll('.source-title:first-of-type'));
ready
7
var $elements = $(document.getElementById('source-example-sentences').getElementsByClassName('.source-title')[0]);
ready

Revisions

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