jQuery addClass example

Change class name on click in jQuery

by Andrey

HTML

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

div {
  width: 50px;
  height: 50px;
  margin: 10px;
  background: #000;
  display: inline-block;
}

.is-active {
  background: red;
}

JavaScript

$("div").on("mouseenter", function() {
  $(this).addClass("is-active").siblings().removeClass("is-active")
})