Javascript 更改所有的CSS样式<；部门>；在有计时器的课堂上

我有许多

div

.led{
    width: 100px;
    height: 100px;
    background-color: red;
    opacity: 1;
    float: left;
    margin: 5px 5px;
    opacity: 0;
}
<div class="led" id="id1"></div>
<div class="led" id="id2"></div>
<div class="led" id="id3"></div>

工作代码：

var-led=$（“.led”）；
对于（变量i=0；i

.led{
宽度：100px；
高度：100px；
背景色：红色；
浮动：左；
保证金：5px 5px；
填充：15px；
不透明度：0；
}

测试1
测试2
测试4这将逐个设置每个元素的不透明度：

$(".led").each(function(index) {
    $(this).delay(1000*index).queue(function() { 
      $(this).css('opacity' , '1');
     })
});

什么不起作用？请确认Mike是正确的，您需要为您的问题提供更多细节。但是我注意到你的ID是
id1，id2，id3
，你的js选择
id0，id1，id2
，因为你的
I
变量从0开始。尝试更改
$（'#'+led[i]）.css（'opacity'，'1'），到
$（'#'+LED[i+1]）。css（'opacity'，'1'）。
$(".led").each(function(index) {
    $(this).delay(1000*index).queue(function() { 
      $(this).css('opacity' , '1');
     })
});