jQuery re-jQuery object vs testing for DomElement

Benchmark created by Christoffer Klang on

Description

Test speed of var ensuredEl = $(object)

vs.

var ensuredEl = object instanceof jQuery ? object : $(object)

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  var mixedElements = [];
  
  for (var i = 0; i < 1000; i++) {
   mixedElements.push(document.createElement('div'));
   mixedElements.push($('<div/>'));
  }
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Always wrap in jQuery
var ensuredjQueries = [];

var i = mixedElements.length;
while (--i) {
 ensuredjQueries.push($(mixedElements[i]));
}
ready
Test before wrapping
var ensuredjQueries = [];

var i = mixedElements.length;
while (--i) {
 ensuredjQueries.push(mixedElements[i] instanceof jQuery ? mixedElements[i] : $(mixedElements[i]));
}
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

  • Revision 1: published by Christoffer Klang on