如何重构这个jQuery淡入效果？

我刚开始编写jQuery，希望得到一些关于如何重构东西的帮助。。我试图让元素在页面加载时按顺序淡入。效果很好，但在代码中看起来很笨拙。有经验的人能帮我把它重构得更高效吗

$('.home h1').delay(100).animate({
    opacity : '1'
}, 'slow');

$('.home h2').delay(250).animate({
    opacity : '1'
}, 'slow') ;

$('.home h3').delay(400).animate({
    opacity : '1'
}, 'slow');

$('.home hr').delay(550).animate({
    opacity : '1'
}, 'slow');

$('.homeimages > img').delay(900).animate({
    opacity : '1'
}, 'slow');


$('.homenav').delay(1000).animate({
    opacity : '1'
}, 'slow');

谢谢

尝试以下方法：

var elements: {
    'selector': 100, // delay
    'selector2': 200 // delay
};

for( var selector in elements ) {
    $(selector).delay( elements[selector] ).animate({
        opacity : '1'
    }, 'slow');
}

---

您可能想在jQuery@SrikanthAD中阅读有关链接的内容，我不知道如何在这里使用链接，就像它已经被使用过一样。您是否可以使用更一致的命名模式，这样您就可以使用

$（'.home.selector'）。每个（函数（I，ele）{}）

；并在

$中执行动画。each（）

？感谢您的帮助！