jquery - 使用jquery悬停鼠标后如何取回初始图像

Question

$(document).ready(function(){
    $(".hover").hover(function(event){
        var imgSrc = $(event.currentTarget).find('img').attr("src");
        $(".main-image img").attr("src", imgSrc);
    });
});
$(document).ready(function(){
    $(".hover ").onmouseleave(function(event){
        var imgSrc = $(event.currentTarget).find('.p img').attr("src");
        $(".main-image img").attr("src", imgSrc);
        alert("imgSrc");
    });
});

我已经返回了上面的代码，用于将鼠标悬停在图像上并在另一个 block 中显示相同的图像，但我想要的是当我将鼠标从悬停图像上移开时，我想要原始图像在该 block 中

Answer 1

$('.hover').hover(function(){
    var imgSrc = $(event.currentTarget).find('img').attr("src");
    $(".main-image img").attr("src", imgSrc);
},
function(){
    $(".main-image img").attr("src", "yourdefaultsrc.png");
    alert("imgSrc");
});