Run results for: JQuery: find with id vs find with tag name vs global id selector

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Browser: Chrome 105

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
within element find with tag selector	1177749.8 Ops/sec
within element find with id	1472196.8 Ops/sec
global find with id	1798315.0 Ops/sec

HTML Preparation code:

<a id="parent" >
  <span id="child">Need span</span>
  <svg class="icon md-16 icon-shevron-right text-muted"></svg>
</a>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>

Script Preparation code:

var $element = $("#parent");

Tests:

within element find with tag selector
$element.find("span");
within element find with id
$element.find("#child");
global find with id
$("#child");

Run results for: JQuery: find with id vs find with tag name vs global id selector

Test which solution find quicker element

within element find with tag selector

within element find with id

global find with id