jquery-find-vs-children-and-id-selector (v9)

Revision 9 of this benchmark created on

Preparation HTML

<ul class="account-nav">
                                                <li id="myaccount"><a href="#"><span>My Account</span></a></li>
                                                <li id="addressbook"><a href="#"><span>Address Book</span></a></li>
                                                <li id="myreviews"><a href="#"><span>My Reviews</span></a></li>
                                                <li id="loremipsum"><a href="#"><span>Lorem Ipsum</span></a></li>
                                                <li id="orderhistory"><a href="#"><span>Order History</span></a></li>
                                                <li id="myaccount"><a href="#"><span>Discounts</span></a></li>
                                                <li id="myaccount"><a href="#"><span>Help Tickets</span></a></li>
                                        </ul>

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

Test runner

Ready to run.

Testing in
TestOps/sec
find
$('#addressbook').addClass("active");
ready
find, child selector
$(".account-nav").find('#addressbook').addClass("active");
ready
find, child selector 2
$('#foo').find('> div p');
ready
children + children
$('#foo').children().children('p');
ready
child selector + children
$('#foo > div').children('p');
ready
child combinators only
$('#foo > div > p');
ready
Two descendant combinators
$('#foo div p');
ready
One descendant combinator
$('#foo p');
ready
Reverse One descendant combinator
$('p', '#foo');
ready
Reverse One descendant combinator with caching
var $foo = $('#foo');
$('p', $foo)
ready

Revisions

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