$(document).find vs. jQuery Selector

Benchmark created by Adam on September 30, 2014

Preparation HTML

<ul>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
    <li class="li-element">Venenatis Lorem</li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

        $(document).find(".li-element").each(function () {
            $(this).css('color','hotpink');
        });

        $(".li-element").each(function () {
                $(this).css('color','hotpink');
        });
 

Revisions

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

• Revision 1: published by Adam on September 30, 2014