jquery 1.7 selector performance tests (v3)

Revision 3 of this benchmark created on

Preparation HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<div id="page-content">
    <p class="my-class"></p>
<p class="my-class2">
   <p class="my-class"></p>
</p>
<p class="my-class3"></p>
<p class="my-class4"></p>
<p class="my-class5">
    <p class="my-class"></p>
</p>
<p class="my-class6"></p>
<p class="my-class7"></p>
<p class="my-class8"></p>
<p class="my-class9"></p>
<p class="my-class"></p>
</div>

Setup

var $pageContent = $('#page-content');

Test runner

Ready to run.

Testing in
TestOps/sec
$('#page-content .my-class')
$('#page-content .my-class')
ready
$('#page-content p.my-class')
$('#page-content p.my-class')
ready
$('.my-class', $('#page-content'))
$('.my-class', $('#page-content'))
ready
$('p.my-class', $('#page-content'))
$('p.my-class', $('#page-content'))
ready
$('.my-class', '#page-content')
$('.my-class', '#page-content')
ready
$('p.my-class', '#page-content')
$('p.my-class', '#page-content')
ready
$('.my-class', $pageContent)
$('.my-class', $pageContent)
ready
$('p.my-class', $pageContent)
$('p.my-class', $pageContent)
ready
$pageContent.find('.my-class')
$pageContent.find('.my-class')
ready
$pageContent.find('p.my-class')
$pageContent.find('p.my-class')
ready
$pageContent.find(':first')
$pageContent.find(':first')
ready
$pageContent.first()
$pageContent.first()
ready
$pageContent.find(':first-child')
$pageContent.find(':first-child')
ready
$pageContent.find('> .my-class')
$pageContent.find('> .my-class')
ready

Revisions

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