这样一段jquery要怎么用循环缩写呢。

Question

$(".se1_left .title ul li:eq(0)").hover(function(){
    $(".se1_left .tab:eq(0)").css('display','block').animate({opacity:'1',},50)
    $(".se1_left .tab:eq(1)").css('display','none').animate({opacity:'0',},50)
    $(".se1_left .tab:eq(2)").css('display','none').animate({opacity:'0',},50)
});

$(".se1_left .title ul li:eq(1)").hover(function(){
    $(".se1_left .tab:eq(0)").css('display','none').animate({opacity:'0',},50)
    $(".se1_left .tab:eq(1)").css('display','block').animate({opacity:'1',},50)
    $(".se1_left .tab:eq(2)").css('display','none').animate({opacity:'0',},50)
});

$(".se1_left .title ul li:eq(2)").hover(function(){
    $(".se1_left .tab:eq(0)").css('display','none').animate({opacity:'0',},50)
    $(".se1_left .tab:eq(1)").css('display','none').animate({opacity:'0',},50)
    $(".se1_left .tab:eq(2)").css('display','block').animate({opacity:'1',},50)
});

这样一段jquery要怎么用循环缩写呢。我在写一个tab切换。。但是发现有点问题。。遇到循环就不太会写了。

Answer 1

可以使用用not选择器，而且你没必要动画成透明又displaynone  你这不是多此一举吗