JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">

JavaScript

var loops = 100000;

console.time(".css() style");
for(var i = 0; i < loops; i++) {
    $("<div />").css({
      "background-color" : "red",
      "color" : "white",
      "border" : "solid 1px black" });
}
console.timeEnd(".css() style");

console.time("inline style");
for(var i = 0; i < loops; i++) {
    $("<div style='background-color:red;color:white;border:solid 1px black' />")
}
console.timeEnd("inline style");
    
    
console.time("$(html, props) style");
for(var i = 0; i < loops; i++) {
    $("<div />", { 
      css: { "background-color" : "red",
             "color" : "white",
             "border" : "solid 1px black" }
    });
}
console.timeEnd("$(html, props) style");