Jquery 如何在鼠标悬停并单击相应的div时显示图像

CSS:

如何实现上述JQuery中的功能。

编辑：

因此，在获得更多信息后，我认为您需要：

.imgECheck {
    position: absolute;
    top: 0;
    right: 5px;
    width: 15px;
    height: 15px;
    display: none;
}
.imgFCheck {
    position: absolute;
    top: 0;
    right: 5px;
    width: 15px;
    height: 15px;
    display: none;
}

编辑：

因此，在获得更多信息后，我认为您需要：

.imgECheck {
    position: absolute;
    top: 0;
    right: 5px;
    width: 15px;
    height: 15px;
    display: none;
}
.imgFCheck {
    position: absolute;
    top: 0;
    right: 5px;
    width: 15px;
    height: 15px;
    display: none;
}

---

你能试试下面的代码吗

$(function () {
    $(".btn-small").on("click", function () {
       $('.imgFCheck').hide();
       $(this).find('.imgFCheck').show();
    });
});

---

你能试试下面的代码吗

$(function () {
    $(".btn-small").on("click", function () {
       $('.imgFCheck').hide();
       $(this).find('.imgFCheck').show();
    });
});

---

我试过：

$（this.children（“img”）.fadeIn（）这对我来说不起作用。我们可以获得更多关于您正试图完成的工作的信息吗？请参考您的标记类名、您的函数应该做什么，等等。在下面的帮助下，我能够找到答案。谢谢：）我试过这个：
$（这个）.children（“img”）.fadeIn（）这对我来说不起作用。我们可以获得更多关于您正试图完成的工作的信息吗？请参考您的标记类名、您的函数应该做什么，等等。在下面的帮助下，我能够找到答案。谢谢：）有两张图片，我的鼠标悬停和鼠标悬停现在有冲突：/看起来你试图在鼠标悬停和鼠标悬停中做同样的事情。为什么？你能发布一个JSFIDLE吗？对于
mouseover
函数，我想用'imgECheck'和
mouseout
函数显示图像，我想用
imgECheck
隐藏图像。单击div时，我希望显示所单击div的
imgFCheck
。如果一个div的图像已经显示了
imgFCheck
类图像，那么悬停功能不应该启动。太好了！如果我们的回答有帮助，请记住接受它们。有两张图片，我的鼠标悬停和鼠标悬停现在是冲突的：/看起来你试图在鼠标悬停和鼠标悬停中执行相同的操作。为什么？你能发布一个JSFIDLE吗？对于
mouseover
函数，我想用'imgECheck'和
mouseout
函数显示图像，我想用
imgECheck
隐藏图像。单击div时，我希望显示所单击div的
imgFCheck
。如果一个div的图像已经显示了
imgFCheck
类图像，那么悬停功能不应该启动。太好了！如果我们的答案有帮助，请记住接受它们。