div innerhtml上的jquery动画改变

Question

我有一个这样的 div：

<div id="outerDiv"><img src="1.png" /></div>

我想把outerDiv的innerhtml换成另外一张图片，

我可以在下面的代码中使用 jquery 实现一些动画/淡入淡出效果吗？ 或任何其他方式来改变带有动画的内部 html。

$('#outerDiv').html('<img src = "2.png" />')

Answer 1

$('#outerDiv img').fadeOut(1000, function()
{     
    $(this).attr('src',"2.png").fadeIn(1000);
});

演示： http://jsfiddle.net/hvG7k/