Info

Different ways of testing if a jQuery object is the same as another.

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id=1>
</div>
<div id=2>
</div>
<div id=3>
</div>
<script>
  Benchmark.prototype.setup = function() {
    var $div1 = $("#1");
    var $div2 = $("#2");
    var $div3 = $("#1");
    var test;
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

test = $div1.get(0) == $div3.get(0);

test = $div1[0] == $div3[0];

test = $div1.parent().is($div3)

test = ($div1.length == $div3.length && $div1.length == $div3.filter($div1).length);

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:

• Revision 1: published by Mathieu Parent on 23rd August 2012
• Revision 2: published on 6th September 2012
• Revision 3: published on 22nd March 2013

0 comments