Run results for: Test find by id

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:78.0) Gecko/20100101 Firefox/78.0

Browser: Firefox 78

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
$("#child")	2387533.5 Ops/sec
$parent.find("#child")	550344.2 Ops/sec
document.getElementById("child")	2702702.5 Ops/sec

HTML Preparation code:

<div id="parent">
    <div id="child">
        Child
    </div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>

Script Preparation code:

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

Tests:

$("#child")
$("#child");
$parent.find("#child")
$parent.find("#child");
document.getElementById("child")
document.getElementById("child");

Run results for: Test find by id

Compare three approach for find by id

$("#child")

$parent.find("#child")

document.getElementById("child")