逐个显示所有div

Question

我在asp页面中有很多div，我希望在使用jquery.show（）或jquery.fadein（）逐页加载之后显示它们我的意思是它们不会一起显示，它们应该显示一个一个人。

<div class = "trip">Trip1</div>
<div class = "trip">Trip2</div>
<div class = "trip">Trip3</div>
<div class = "trip">Trip4</div>

感谢您的回复。

Answer 1

$(".trip").each(function(i,e) {
    $(this).delay(i*400).fadeIn();
});

Answer 2

DEMO

$(".trip").each(function(i) {
    $(this).delay(i * 100).fadeIn();
});​

Answer 3

$('.trip').each(function(index, element){
    $(this).delay(1000 * index).show(0);
});

Live DEMO

Answer 4

$(".trip").each(function(i,o){
 $(o).delay(i*250).fadeIn();
});

演示：http://jsbin.com/ibupud/2/edit