jquery element in dom

JavaScript performance comparison

Revision 22 of this test case created

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");
    var $b = $('body');
};
</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…
Parent search
(function(a, b) {
  if (b) {
    while ((b = b.parentNode)) {
      if (b === a) {
        return true;
      }
    }
  }
  return false;
})(document, el[0])
pending…
Native contains
document.contains(el[0])
pending…
jQuery contains with body as jQuery object
$.contains($b, 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:

0 comments

Add a comment