jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<button id='button1'>
btn
</button>

CSS

.spacer{
    transition: 0.3s !important;
    padding-right: 3.1rem !important;
}

.spinner{
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 10px;
    height: 10px;
    animation: spin 2s linear infinite;
}

JavaScript

$("#button1").on("click", function(){
    $(this).addClass("spacer").addClass("spinner");
});