jquery - 下面的jQuery怎么写好一点？ (衰退)

Question

我是 jQuery 的新手，我想知道如何才能更好地编写以下代码？

$( "p:first" ).css({opacity:0.5})
$( "p:first" ).mouseover(function() {
  $( this ).fadeTo( "fast", 1 );
});
$( "p:first" ).mouseout(function() {
  $( this ).fadeTo( "fast", 0.5 );
});

Answer 1

您可以使用 jQuery chaining还有 hover方法将 mouseenter/mouseleave 函数包装在一个简洁的方法中:

$("p:first").css({opacity:0.5})
    .hover(function() {
        $( this ).fadeTo( "fast", 1 );
    }, function() {
        $( this ).fadeTo( "fast", 0.5 );
    });

如果您需要mouseover、mouseout 而不是enter/leave，您可以使用。关于 过载:

$("p:first").css({opacity:0.5})
    .on({
        mouseover: function() {
            $( this ).fadeTo( "fast", 1 );
        },
        mouseout: function() {
            $( this ).fadeTo( "fast", 0.5 );
        }
    });