javascript - 如何使用javascript(jquery)一一改变元素的颜色，然后再一一重置结果

Question

如何使用javascript(jquery)逐一改变元素的颜色，然后再逐一重置结果 .cub { 背景:水绿色； 宽度:200px； 高度:200px； 显示:内联 block ； }

Answer 1

您可以使用 jQuery 添加类和删除类。首先为这些 div 分配另一个类，这样其他 div 就不会受到影响。

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

var counter = 0;
var divs = $('.box'), div = null;
setInterval(function(){
  div = $(divs[counter]);
  if(div.hasClass('cub')){
     div.removeClass('cub');
  } else {
    div.addClass('cub');
  }
  counter = (counter + 1) % 4;
}, 500);