MeasureThat.net

Run results for: JQuery: find vs selector vs scoped selector

Test which solution find quicker element

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.63 Safari/537.36
Chrome 102
Windows
Desktop
2 years ago
Test name Executions per second
find with "find" 925950.1 Ops/sec
find with selector and scope 710003.8 Ops/sec
find with selector 1499501.8 Ops/sec
HTML Preparation code:
AخA
 
1
<a id="parent" >
2
  <div><div><div></div><div><div><div></div><div><div><div>
3
    <span id="child">Need span</span>
4
    <div></div></div></div></div></div></div></div><div></div></div>
5
  <svg class="icon md-16 icon-shevron-right text-muted"></svg>
6
</a>
7
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>
Script Preparation code:
 
var $element = $("#parent");
Tests:

  • find with "find"

     
    $element.find("#child");

  • find with selector and scope

     
    $("#child", $element);

  • find with selector

     
    $("#child");