Run results for: Test find by id

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

Browser: Firefox 78

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
$("#child")	2312699.2 Ops/sec
$parent.find("#child")	521744.7 Ops/sec
document.getElementById("child")	2804774.8 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")