jquery动画上的div innerhtml变化

本文介绍了jquery动画上的div innerhtml变化的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有这样的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）; 
} 
  
 演示：  
 
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变化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！