jquery动画上的div innerhtml变化 [英] jquery animation on div innerhtml on change

问题描述

我有这样的div：

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

我想将outerDiv的innerhtml更改为另一个图像，

我可以在下面的代码中使用jquery吗？或者任何其他方法使用动画改变内部html。

  $（'＃outerDiv'）。html（'< img src =2.png/>'）
  
 
 
解决方案
 
  $（'＃outerDiv img'）。fadeOut 1000，function（）
 {
 $（this）.attr（'src'，2.png）。fadeIn（1000）; 
} 
  
 演示：  http://jsfiddle.net/hvG7k/  
 
I have a div like this:
<div id="outerDiv"><img src="1.png" /></div>
I want to change the innerhtml of outerDiv to another image, 

Can I have some animation/fadein-fadeout effect in the code below using jquery? or any other way to change inner html with animation.
$('#outerDiv').html('<img src = "2.png" />')

解决方案
$('#outerDiv img').fadeOut(1000, function()
{     
    $(this).attr('src',"2.png").fadeIn(1000);
});
Demo: http://jsfiddle.net/hvG7k/

                        
这篇关于jquery动画上的div innerhtml变化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！