MeasureThat.net

Run results for: jQuery.contains() vs. Node.contains()

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0 Safari/605.1.15
Safari 18
Mac OS X 10.15.7
Desktop
25 days ago
Test name Executions per second
jQuery.contains() 1382597.5 Ops/sec
Node.contains() 1970337.6 Ops/sec
HTML Preparation code:
​x
 
1
<script
2
  src="https://code.jquery.com/jquery-3.4.1.min.js"
3
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
4
  crossorigin="anonymous"></script>
5
​
6
<div id="outer">
7
<div>
8
<div>
9
<div>
10
<div>
11
<div>
12
<div>
13
<div>
14
<div>
15
<div>
16
<div>
17
<div>
18
<div>
19
<div id="inner">
20
​
21
</div>
22
</div>
23
</div>
24
</div>
25
</div>
26
</div>
27
</div>
28
</div>
29
</div>
30
</div>
31
</div>
32
</div>
33
</div>
34
</div>
35
​
36
​
37
<div id="outer2">
38
<div>
39
<div>
40
<div>
41
<div>
42
<div>
43
<div>
44
<div>
45
<div>
46
<div>
47
<div>
48
<div>
49
<div>
50
<div id="inner2">
51
​
52
</div>
53
</div>
54
</div>
55
</div>
56
</div>
57
</div>
58
</div>
59
</div>
60
</div>
61
</div>
62
</div>
63
</div>
64
</div>
65
</div>
66
​
Script Preparation code:
 
var inner = document.getElementById("inner");
var outer = document.getElementById("outer");
var inner2 = document.getElementById("inner2");
var outer2 = document.getElementById("outer2");
​
Tests:

  • jQuery.contains()

     
    var x = jQuery.contains(outer, inner)
    var y = jQuery.contains(outer, inner2)
    var z = jQuery.contains(outer2, inner)
    var a = jQuery.contains(outer2, inner2)
    ​

  • Node.contains()

     
    var x = outer.contains(inner)
    var y = outer.contains(inner2)
    var z = outer2.contains(inner)
    var a = outer2.contains(inner2)
    ​