jQuery：延迟和淡入多个div加载？

Question

我对javascript不太有经验，但是我认为这不是一个难题。 没错，我迷路了，我想知道如何在加载页面时延迟延迟多个div，例如使用Jquery的5-10 div。 以下是我正在使用和需要但已修改的代码，因此我可以加载5个以上的div：

<script>
    $(".fade").hide(0).delay(1000).fadeIn(1000)
</script>​

Answer 1

$(".fade, #anotherElement, #yetAnother, .etc").hide(0).delay(1000).fadeIn(1000)

它称为多个选择器 。

Answer 2

如果运行时已经对“ .fade”元素进行了解析，则该代码应该可以正常工作-如果您将该脚本块放在<head> ，则情况并非如此。 如果脚本块位于正文的底部，则它将起作用，或者将代码放入文档就绪处理程序中，以便在解析文档后运行该代码：

$(document).ready(function() {
   $(".fade").hide(0).delay(1000).fadeIn(1000);
});

演示： http ： //jsfiddle.net/nnnnnn/QHwge/

Answer 3

你不必用JavaScript来做到这一点，但这里的例子似乎都做工精细。

这是使用CSS的示例：

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
  opacity: 0.5;
}