JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
   <script>
  
$(document).ready(function(){
       
	var sel1 = '#myForm1';
    var sel2 = '#myForm2';
    var iter = 10000000;
      
    var time1 = new Date().getTime();
    for(var i = 0; i < iter; i++)
       var domElement = $(sel1).get(0);
    time1 = new Date().getTime()-time1;
       
    var time2 = new Date().getTime();
    for(var i = 0; i < iter; i++)
       var domElement = $(sel1)[0];
   time2 = new Date().getTime()-time2;
       
    $('#div1').html("form at beginning with .get(0): "+time1+"ms");
    $('#div2').html("form at beginning with [0]:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+time2+"ms");
       
       
    var time1 = new Date().getTime();
    for(var i = 0; i < iter; i++)
       var domElement = $(sel2).get(0);
    time1 = new Date().getTime()-time1;
       
    var time2 = new Date().getTime();
    for(var i = 0; i < iter; i++)
       var domElement = $(sel2)[0];
   time2 = new Date().getTime()-time2;
       
    $('#div3').html("form at end with .get(0): "+time1+"ms");
    $('#div4').html("form at end with [0]:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+time2+"ms");
});
</script>
</head>
<body>
    
    <div id="div1"></div>
    <div id="div2"></div>
    <div id="div3"></div>
    <div id="div4"></div>
    
<form id="myForm1"></form>

    <!--Dummy data after here-->
    <br/>
    <h2>All text below is dummy data except myform2 at end</h2>
    <br/>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
elit. Aenean commodo ligula eget dolor. Aenean massa 
<strong>strong</strong>. Cum sociis natoque penatibus 
et magnis dis parturient montes, nascetur ridiculus 
mus. Donec quam felis, ultricies nec, pellentesque 
eu, pretium quis, sem. Nulla consequat massa quis 
enim. Donec pede justo, fringilla vel, aliquet nec, 
vulputate eget, arcu. In enim justo, rhoncus ut, 
imperdiet a, venenatis vitae, justo. Nullam dictum 
felis eu pede <a class="external ext"...