jQuery addClass example

Change class name on click in jQuery

by SUNGMIN SHIN

HTML

<div class="container1">
  <div class="content">content</div>
  <div class="content">content</div>
  <div class="content">content</div>
</div>

<div class="container2">
  <div class="content">content</div>
  <div class="content">content</div>
  <div class="content">content</div>
  <div class="content">content</div>
</div>

CSS

body{font-size:0}
.container1 .content{width:400px;height:200px;margin:20px 0;border:1px solid orange}

.container2 .content{display:inline-block;width:100px;height:50px;margin:0 20px 0 5px;border:1px solid blue}