如何使用jQuery .fadeIn一次淡入多个事物？

如何解决如何使用jQuery .fadeIn一次淡入多个事物？

| 我对了解如何使用jQuery动画文本有一些帮助。一位用户建议我使用.fadeIn（）函数。当我看这看起来很满足我的需求，但是我有一个问题：这是我现在拥有的：

if (correct == \"true\") {
   $(\'#ft2\').html(\'Correct\');
   $(\'#ft2\').css(\'color\',\'Green\')
   $(\'#ft2\').css(\'border-color\',\'Green\')
} else {
   $(\'#ft2\').html(\'Incorrect\');
  $(\'#ft2\').css(\'color\',\'Red\')
  $(\'#ft2\').css(\'border-color\',\'Red\')
}

与我上一个问题相同。现在，我想先将颜色和边框的不透明度设置为不可见，然后在相同的时间将css color和border-color属性淡化为新颜色。是否可以使.fadeIn（）同时淡入一件事？有没有人尝试这样做？再次感谢您提供给我的所有帮助

解决方法

fadeIn会淡入整个元素（包括边框，背景色，前景色等所有元素），而不仅仅是元素的单个位。 fadeIn和fadeOut通过修改元素整体的不透明度来起作用。因此，这种淡化在元素各个方面的概念不适用于fadeIn和fadeOut。如果您想采用淡入淡出/淡入淡出的方式，并且确实希望按照上一个问题（似乎很长一段时间）中所说的那样花整整一秒钟的时间，请执行以下操作：

var color,text;

if (correct == \"true\") { // Do you really mean to compare to a string here?
    text = \'Correct\';
    color = \'green\';
}
else {
    text = \'Incorrect\';
    color = \'red\';
}

$(\'#ft2\').fadeOut(500,function() {
    $(this).text(text).css({
        \'color\': color,\'border-color\': color
    }).fadeIn(500);
});

免费现场例子这会使元素以其当前内容淡出（耗时半秒； 500毫秒），并且在淡出完成时会更改内容和颜色，然后又将其淡入另一半秒（500毫秒）。您可以对它们进行加权，然后在250毫秒内逐渐消失，然后在750毫秒内逐渐消失，尽管我建议使用更短的总体时间。但是我想我可能会选择其中一个颜色插件，回答您之前的问题的人之一就是您。