jquery element in dom

JavaScript performance comparison

Revision 2 of this test case created by SLaks

Preparation code

<div id="element"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
Benchmark.prototype.setup = function() {
    var el = $("#element");
};
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
selector
el.closest("html");
pending…
object
el.closest(document.documentElement);
pending…
jQuery.contains
jQuery.contains(document.documentElement, el[0])
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

1 comment

titanman commented :

Contains is faster, I ran test: selector el.closest("html"); 95,584 ±0.94%

97% slower

object el.closest(document.documentElement); 321,977 ±1.58%

90% slower

jQuery.contains jQuery.contains(document.documentElement, el[0]) 3,312,242 ±0.37% fastest

Add a comment