慕粉198531
2016-10-30 18:22
DOM篇最后一节,怎么用each()方法逐个使每个li改变颜色?
<script type="text/javascript"> i = 0; $("button:last").click(function() { $("li").each(function(index, element) { if (index == i) { $(this).css('color','blue'); } }); i++; }) </script>
i = 0;
$("button:last").click(function() {
$("li").each(function(index, element) {
if (index == i) {
$(this).css('color','blue');
}
});
i++;
})
思路就是加个定时器,延时变色。比如第1个li过200毫秒变成红色,第2个li过400毫秒再变成红色...
var interval = 0; $("li").each(function(index, element) { var $el = $(this); setTimeout(function() { $el.css('color','red'); }, interval += 200); });
jQuery基础(二)—DOM篇
114012 学习 · 590 问题
相似问题