JSFiddle - React, Tailwind, and code Playground

HTML

jquery attr <input type='checkbox' id="checkie">
<div id="test">jquery append</div>
<div id="test2">pure JS before</div>
<div id="test3">pure JS after</div>

JavaScript

//jquery attr
$("#checkie").attr('checked','checked'); 

//jquery append
$("#test").append("<input type='checkbox' checked>");

//pure JS before
var demoElement = document.createElement("input");
demoElement.type="checkbox";
demoElement.setAttribute('checked');
document.getElementById("test2").appendChild(demoElement);

//pure JS after
demoElement = document.createElement("input");
demoElement.type="checkbox";
document.getElementById("test3").appendChild(demoElement);
demoElement.setAttribute('checked');