Jquery淡入不工作

我正在尝试更改一个img src，然后将不透明度设置为0，然后淡入

 $("#featureImg").attr('src','07.jpg').css({opacity:0}).fadeIn("slow");

这项工作符合要求

.css({opacity:0})

---

这意味着它确实将不透明度设置为0，但不会发生褪色。

该问题是由于将CSS不透明度设置为0与fadeIn（）结合使用造成的。要隐藏元素，然后隐藏fadeIn（），应使用.css（{display:'none'}）或.hide（）后跟fadeIn（），如下所示：

   $("#featureImg").attr('src','07.jpg').css({display:'none'}).fadeIn("slow");

或

---

fadeIn（）的目的是显示一个“隐藏”元素，jQuery将“隐藏”解释为不显示，且不透明度为零。

不透明度值为0时，对象完全透明。因此，当fadeIn（）工作时，它会在透明对象中淡出。

如果要淡出不透明度，请使用

.fadeTo（“slow”，1）取而代之。隐藏元素将使页面回流并移动内容，因此如果希望所有内容都保持在原位，请使用此选项。
@shelhameer，在这种情况下，您可以使用.hide（）.fadIn（）@kobe，我在回答的文本中包括了.hide（），但没有将其放在代码示例中。自从你提到它，我就加上了它。谢谢
   $("#featureImg").attr('src','07.jpg').hide().fadeIn("slow");