MeasureThat.net

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

Compare solutions for finding elements

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:79.0) Gecko/20100101 Firefox/79.0
Firefox 79
Windows
Desktop
4 years ago
Test name Executions per second
Find by id 2484315.0 Ops/sec
Find by id and attribute 135981.2 Ops/sec
HTML Preparation code:
​x
 
1
<div id="test1" data-sel-panel>
2
          <div>
3
            <h3></h3>
4
            <div>
5
              <label></label>
6
              <select></select>
7
            </div>
8
          </div>
9
</div>
10
<div id="test2" data-sel-panel>
11
          <div>
12
            <h3></h3>
13
            <div>
14
              <label></label>
15
              <select></select>
16
            </div>
17
          </div>
18
</div>
19
<div id="test3" data-sel-panel>
20
          <div>
21
            <h3></h3>
22
            <div>
23
              <label></label>
24
              <select></select>
25
            </div>
26
          </div>
27
</div>
28
<div id="test4" data-sel-panel>
29
          <div>
30
            <h3></h3>
31
            <div>
32
              <label></label>
33
              <select></select>
34
            </div>
35
          </div>
36
</div>
37
<div id="test5" data-sel-panel>
38
          <div>
39
            <h3></h3>
40
            <div>
41
              <label></label>
42
              <select></select>
43
            </div>
44
          </div>
45
</div>
46
<div id="test6" data-sel-panel>
47
          <div>
48
            <h3></h3>
49
            <div>
50
              <label></label>
51
              <select></select>
52
            </div>
53
          </div>
54
</div>
55
<div id="test7" data-sel-panel>
56
          <div>
57
            <h3></h3>
58
            <div>
59
              <label></label>
60
              <select></select>
61
            </div>
62
          </div>
63
</div>
64
<div id="test8" data-sel-panel>
65
          <div>
66
            <h3></h3>
67
            <div>
68
              <label></label>
69
              <select></select>
70
            </div>
71
          </div>
72
</div>
73
<div id="test9" data-sel-panel>
74
          <div>
75
            <h3></h3>
76
            <div>
77
              <label></label>
78
              <select></select>
79
            </div>
80
          </div>
81
</div>
82
<div id="test10" data-sel-panel>
83
          <div>
84
            <h3></h3>
85
            <div>
86
              <label></label>
87
              <select></select>
88
            </div>
89
          </div>
90
</div>
91
​
92
<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");