jQuery addClass example

Change class name on click in jQuery

by michapixel

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>

  <button class="btn tpl" toggle="tooltip" title="click me">Change color</button>

SCSS

body {
  background: #20262E;
  padding: 80px;
  font-family: Helvetica, serif;
}

.btn {
	margin: 10px;
}

JavaScript

// find elements
var button = $('.btn.tpl')

// handle click and add class
button.on("click", function(){
  let clone = button.clone(false, false);
  $('body').append(clone)
})


$(document.body).tooltip({
	container: 'body',
	viewport: 'body',
	selector: '[title]',
});