更改图片的网址，而不是像悬停

我试图改变图像的URL鼠标悬停，其工作正常，但我想做的，悬停在DIV，而不是图像，改变图像的URL更改图片的网址，而不是像悬停

以下在jQuery我：

$(".logo > img").on({ 
    "mouseover" : function() { 
    this.src = 'images/logo-white.png'; 
    }, 
    "mouseout" : function() { 
    this.src='images/logo-black.png'; 
}

HTML

<div class="logo"> 
    <img src="images/logo-white.png"> 
</div>

如何使它在股利悬停？请帮忙！

来源

2016-08-22 Sanjeev Kumar

你有图像的任何独特的class和id？ –

没有独特的类，图像只是放在div –

如果是这样的HTML

<div class="logo"> 
    <img src="images/logo-white.png"> 
</div>

那么这将工作：

$(".logo").on({ 
    "mouseover": function() { 
    $(this).find("img").attr("src", "images/logo-white.png"); 
    }, 
    "mouseout": function() { 
    $(this).find("img").attr("src", "images/logo-black.png"); 
    } 
});

备选：.hover - 这是使用更少的}

$(".logo").hover(
    function() {$(this).find("img").attr("src", "images/logo-white.png");}, 
    function() {$(this).find("img").attr("src", "images/logo-black.png");} 
);

来源

2016-08-22 09:36:12 mplungjan

$(".logo").on({ 
    "mouseover" : function() { 
    $(".logo img").attr("src","images/logo-white.png"); 
    }, 
    "mouseout" : function() { 
    $(".logo img").attr("src","images/logo-white.png"); 
}

来源

2016-08-22 09:36:40

错误的jQuery中。一个jQuery对象没有.src – mplungjan

试试这个

$('.logo').hover(function() { 
      $(this).find('img').attr('src','images/logo-white.png'); 
      }, 
        function() { 
       $(this).find('img').attr('src','images/logo-black.png'); 
      } 
     );

https://jsfiddle.net/nkugogop/2/

来源

2016-08-22 09:40:01

这仍然只是悬停的图像。 – mplungjan

更新我的答案 –

更改图片的网址，而不是像悬停

回答

相关问题