jQuery addClass example

Change class name on click in jQuery

by Boba Poshtar

HTML

<div>test</div>

CSS

div {
  margin: 0 30px;
  padding: 0 20px;
  width: 100px;
  border: 5px solid red;
  box-sizing: border-box;
}

JavaScript

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