jQuery children vs find (v105)

Revision 105 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>
                    <fieldset class="step">
                        <img src="3.jpg" >
                    </fieldset>
                   <fieldset class="step">
                        <img src="3.jpg" >
                        <form id="formElem1" name="formElem1" 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>
                            <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                           <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                        </form>
                    </fieldset>
                    <fieldset class="step">
                        <img src="3.jpg" >
                        <form id="formElem1" name="formElem1" 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>
                            <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                           <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                        </form>
                    </fieldset>
                    <fieldset class="step">
                        <img src="3.jpg" >
                        <form id="formElem1" name="formElem1" 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>
                            <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                           <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                        </form>
                    </fieldset>
                     <fieldset class="step">
                        <img src="3.jpg" >
                        <form id="formElem1" name="formElem1" 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>
                            <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                           <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                        </form>
                    </fieldset>
                     <fieldset class="step">
                        <img src="3.jpg" >
                        <form id="formElem1" name="formElem1" 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>
                            <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                           <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                        </form>
                    </fieldset>
                     <fieldset class="step">
                        <img src="3.jpg" >
                        <form id="formElem1" name="formElem1" 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>
                            <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                           <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                        </form>
                    </fieldset>
                    <fieldset class="step" id="ammy">
                        <img src="3.jpg" >
                        <form id="formElem1" name="formElem1" 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>
                            <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                           <fieldset class="step">
                                <img src="3.jpg" >
                            </fieldset>
                        </form>
                    </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
children
$('#formElem').children('#ammy');
ready
find
$('#formElem').find('#ammy')
ready

Revisions

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