jQuery addClass example

Change class name on click in jQuery

by park kyungdoo

HTML

<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>

SCSS

p {
  &.is-active {
    color: red;
  }
}

JavaScript

$('p').on('click', function() {
  $(this).addClass('is-active')
})