Run results for: JQuery new div element with class - 1k reps (with prototype.join)

Test name	Executions per second
✓ JQuery - cloneNode + class	680 Ops/sec
forcycle	670 Ops/sec
prototype.join	613 Ops/sec
JQuery - direct + class	60 Ops/sec

JQuery - direct + class

var list = [],     n = 0; 
var newDiv = function(){ 
        return $('<div class="test">');
}
while(true) {    
  n++;   	
  list.push(newDiv());     
  if(n===1000)          
    break; 
}

JQuery - cloneNode + class

var list = [],
    n = 0,
    node = document.createElement('div');
var newDiv = function(){ 
		var newNode = node.cloneNode(false);
        newNode.className = [].slice.call(arguments).join(' ');
        return $(node);
}
while(true) {
    n++;
  	list.push(newDiv("test"));
    if(n===1000) 
        break;
}

prototype.join

var list = [],
    n = 0,
    node = document.createElement('div');
var newDiv = function (classname) {
      var newNode = node.cloneNode(false);
      if (classname !== void 0) 
          newNode.className = Array.prototype.join.call(arguments, " ");
      return $(newNode);
  }
while(true) {
    n++;
  	list.push(newDiv("test"));
    if(n===1000) 
        break;
}

forcycle

var list = [],
    n = 0,
    node = document.createElement('div');
var newDiv = function (classname) {
      var newNode = node.cloneNode(false);
      if (classname !== void 0) {
          var args = new Array(arguments.length);
          for (var i = 0, ii = arguments.length; i < ii; i++) {
              args[i] = arguments[i];
          }
          newNode.className = args.join(' ');
      }
      return $(newNode);
  }
while(true) {
    n++;
  	list.push(newDiv("test"));
    if(n===1000) 
        break;
}

Run results for: JQuery new div element with class - 1k reps (with prototype.join)

Faster way to create new dom elements before insertion with JQuery (+ set class)

JQuery - direct + class

JQuery - cloneNode + class

prototype.join

forcycle