jQuery addClass example

Change class name on click in jQuery

by Boba Poshtar

HTML

<div>test</div>
<span></span>

CSS

div {
  width: 100px;
  margin: 20px;
  padding: 25px;
  border: 10px solid blue;
  background: yellow;
}

JavaScript

let $div = $('div');
let html = 'width: ' + $div.width() + '<br>';
html += 'innerWidth: ' + $div.innerWidth() + '<br>';
html += 'outerWidth: ' + $div.outerWidth() + '<br>';
html += 'outerWidth2: ' + $div.outerWidth(true);
$('span').html(html);