Run results for: Test find by id

Run details:

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

Browser: Chrome 83

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

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