jQuery .find() vs. selector

Benchmark created by Sam Sullivan on October 23, 2014

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="something-in-middle">
     <div id="div-child-1"></div>
     <div id="div-child-2"></div>
     <div id="div-child-3"></div>
     <div id="div-child-4"></div>
     <div id="div-child-5"></div>
     <div id="div-child-6"></div>
     <div id="div-child-9"></div>
     <div id="div-child-10"></div>
     <div id="div-child-11"></div>
     <div id="div-child-12"></div>
     <div id="div-child-13"></div>
     <div id="div-child-14"></div>
     <div id="div-child-15"></div>
</div>

Setup

var $parent = $('#something-in-middle');

Test runner

var $child_10 = $parent.find('#div-child-10');

var $child10 = $('#div-child-10');

Revisions

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

• Revision 1: published by Sam Sullivan on October 23, 2014