jQuery addClass example

Change class name on click in jQuery

CSS

.good{
  background: green;
}

.bad{
  background: red;
}

div{
  height: 200px;
  width: 400px;
  background: #eee;
}

JavaScript

$(document).ready(function(){
$div = $("<div>My Name is khan</div>");

$("body").append($div);

setTimeout(function(){
$div.addClass("good");
}, 1500);


setTimeout(function(){
$div.removeClass("good");
$div.addClass("bad");
}, 5000); 
});