jQuery selector vs find (v50)

Revision 50 of this benchmark created on

Description

This testcase compares the performance from .children() and .find()

Preparation HTML

<form id="formElem" name="formElem" action="" method="post">
                    <fieldset class="step">
                        <img src="1.jpg" >
                    </fieldset>
                    <fieldset class="step">
                        <img src="2.jpg" >
                    </fieldset>
                    <fieldset class="step">
                        <img src="3.jpg" >
                    </fieldset>
                </form>

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

Test runner

Ready to run.

Testing in
TestOps/sec
all string selector
$('#formElem .step');
ready
string id then find
$('#formElem').find('.step')
ready
document then find
$(document.getElementById('formElem')).find('.step')
ready

Revisions

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