Jquery 如何在页面加载时使两个类标记分别轻松插入

Jquery 如何在页面加载时使两个类标记分别轻松插入,jquery,fadein,fadeout,Jquery,Fadein,Fadeout,当我的页面加载时,我会先加载“.alpha”,然后几秒钟后使用jquery加载“.omega”。有什么例子吗?我会使用easeIn、fadeIn还是fadeOut 多谢各位 你会怎么给这个加“.omega” jQuery(文档).ready(函数(){ jQuery(窗口).load(函数(){ setTimeout(函数(){ $(“.alpha”).fadeOut(“快速”,函数(){}) }, 500) }) }); 我会使用setTimeout和fadeIn //您可能不需要为.alph

当我的页面加载时,我会先加载“.alpha”,然后几秒钟后使用jquery加载“.omega”。有什么例子吗?我会使用easeIn、fadeIn还是fadeOut

多谢各位

你会怎么给这个加“.omega”

jQuery(文档).ready(函数(){
jQuery(窗口).load(函数(){
setTimeout(函数(){
$(“.alpha”).fadeOut(“快速”,函数(){})
}, 500)
})
});

我会使用
setTimeout
fadeIn

//您可能不需要为.alpha使用setTimeout,但以防万一。。。
setTimeout(函数(){
$('.alpha').fadeIn();
}, 100);
//然后加载。ω2秒后。alpha。。。
setTimeout(函数(){
$('.omega').fadeIn();
}, 2100);
更新以回答您的示例:

jQuery(document).ready(function() {
    jQuery(window).load(function() {
            //load in .alpha
        setTimeout(function() {
            $(".alpha").fadeIn("fast", function() {
                //alpha finished loading
                //now load omega
                setTimeout(function() {
                    $(".omega").fadeIn("fast", function() {
                        //omega finished loading
                    })
                }, 2000);
            });
        }, 500);
    });
});
在fadeIn()函数中使用回调:

$('.first').fadeIn(function(){
    $('.second').fadeIn()
})
看看小提琴:

如果需要延迟,请使用delay()函数:

$('.first').fadeIn(function(){
    $('.second').delay(3000).fadeIn()
})
小提琴:你可以用

    $(".alpha").fadeIn(1000);
    $(".omega")delay(1000).fadeIn();
    $(".alpha").fadeIn(1000);
    $(".omega")delay(1000).fadeIn();