jQuery addClass example

Change class name on click in jQuery

by Nikhil krishnan

HTML

<div class="box1">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, itaque.
</div>

CSS

.box1{
  background-color: #ccc;
  width: 200px;
  min-height: 599px;
  padding: 20px;
}
.box2{
  background-color: red;
}

JavaScript

if($('.box1').innerHeight() > 600){
	$('.box1').addClass('box2');
}