Run results for: JQuery4 new div element with class - 1k reps

Test name	Executions per second
✓ JQuery - cloneNode + class	3,990 Ops/sec
JQuery - cloneNode + class (new)	3,610 Ops/sec
JQuery - direct + class	381 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,
    divTemplate = document.createElement('div');
var newDiv = function (classname) {
      var node = divTemplate.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];
          }
          node.className = args.join(' ');
      }
      return $(node);
  }
while(true) {
    n++;
  	list.push(newDiv("test"));
    if(n===1000) 
        break;
}

JQuery - cloneNode + class (new)

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

Run results for: JQuery4 new div element with class - 1k reps

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

JQuery - direct + class

JQuery - cloneNode + class

JQuery - cloneNode + class (new)