Run results for: JQuery: test find by id vs find by id and attribute

Run details:

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

Browser: Chrome 84

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Find by id	502082.8 Ops/sec
Find by id and attribute	101427.0 Ops/sec

HTML Preparation code:

<div id="test1" data-sel-panel>
          <div>
            <h3></h3>
            <div>
              <label></label>
              <select></select>
            </div>
          </div>
</div>
<div id="test2" data-sel-panel>
          <div>
            <h3></h3>
            <div>
              <label></label>
              <select></select>
            </div>
          </div>
</div>
<div id="test3" data-sel-panel>
          <div>
            <h3></h3>
            <div>
              <label></label>
              <select></select>
            </div>
          </div>
</div>
<div id="test4" data-sel-panel>
          <div>
            <h3></h3>
            <div>
              <label></label>
              <select></select>
            </div>
          </div>
</div>
<div id="test5" data-sel-panel>
          <div>
            <h3></h3>
            <div>
              <label></label>
              <select></select>
            </div>
          </div>
</div>
<div id="test6" data-sel-panel>
          <div>
            <h3></h3>
            <div>
              <label></label>
              <select></select>
            </div>
          </div>
</div>
<div id="test7" data-sel-panel>
          <div>
            <h3></h3>
            <div>
              <label></label>
              <select></select>
            </div>
          </div>
</div>
<div id="test8" data-sel-panel>
          <div>
            <h3></h3>
            <div>
              <label></label>
              <select></select>
            </div>
          </div>
</div>
<div id="test9" data-sel-panel>
          <div>
            <h3></h3>
            <div>
              <label></label>
              <select></select>
            </div>
          </div>
</div>
<div id="test10" data-sel-panel>
          <div>
            <h3></h3>
            <div>
              <label></label>
              <select></select>
            </div>
          </div>
</div>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>

Tests:

Find by id
$("#test1");
Find by id and attribute
$("#test1 data-sel-panel");

Run results for: JQuery: test find by id vs find by id and attribute

Compare solutions for finding elements

Find by id

Find by id and attribute