jQuery addClass example

Change class name on click in jQuery

HTML

<div class="container">
  <div class="item">1</div>
  <div class="item">1</div>
  <div class="item">1</div>
  <div class="item">1</div>
  <div class="item">1</div>
  <div class="item">1</div>
  <div class="item">1</div>
</div>

CSS

.item {
  background: #ccc;
  height: 100px;
  margin-bottom: 10px;
}

.active {
  background: #333;
}

JavaScript

$('.item').click(function() {
  $('.item').removeClass('active');
  $(this).addClass('active');
});