JSFiddle - React, Tailwind, and code Playground

HTML

<div id="jqtest"></div>

CSS

#jqtest { width:50px; height:50px; background-color:blue}

JavaScript

$("#jqtest").bind('click', function () { 
    var doc = $('body'); var mydiv = $('#jqtest');
    doc.append('<p>Height:' + mydiv.height() + '</p>')
       .append('<p>Width:' + mydiv.width() + '</p>'); 
    doc.append('<p>Style Test for height:' + mydiv.css('height') + '</p>')
       .append('<p>Style Test for width:' + mydiv.css('width') + '</p>');
    });