Run results for: JQuery: test find by id and find by id and tag for non-document element

Run details:

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

Browser: Chrome 84

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
find by tag and id	20014.6 Ops/sec
find by id	16283.4 Ops/sec
find by tag (if it possible)	31193.2 Ops/sec

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>

Script Preparation code:

var element = $(`<div><a id="tr_1">
            <svg id="tr_2"></svg>
            <span id="tr_3"></span>
            <div id="tr_4">
            </div>
            </div>`);

Tests:

find by tag and id
element.find("a#tr_1"); element.find("svg#tr_2"); element.find("span#tr_3"); element.find("div#tr_4");
find by id
element.find("#tr_1"); element.find("#tr_2"); element.find("#tr_3"); element.find("#tr_4");
find by tag (if it possible)
element.find("a"); element.find("#tr_2"); element.find("span"); element.find("div");

Run results for: JQuery: test find by id and find by id and tag for non-document element

check which selector is better for non-document element

find by tag and id

find by id

find by tag (if it possible)