如何在没有CSS的情况下使用jquery进行悬停？

我已经用类名“.pics”动态创建了一些div，如下所示

$(MyJson).each(function (obj) {
            $("#GalleryPics").append("<div class='pics'><a href='#' class='delete'>some</a><a href='" + MyJson[obj].ImageURL + "' rel='lightbox-journey' class='delete'><img src='" + MyJson[obj].ImageURL + "' width='150' height='150' /></a></div>");
        });

$（MyJson）.each（函数（obj）{
$（“#GalleryPics”）。附加（“”）；
});

使用上面的代码，我可以在每个div中获得一些带有“.pics”类名的图像。现在我需要这样做，如果我想删除任何图像，我应该显示一个删除按钮，其行动对图像悬停。。“.delete”是我想在那里显示删除按钮的类。。我怎样才能做到这一点

注:

我也尝试了一些CSS代码和.hover（function（）{，但我无法实现。请尽快帮助我

---

提前感谢..

Jquery悬停

$(foo).mouseover(function(){
    //Do hover action
});

$(baz).mouseleave(function(){
    //Undo hover action
});

CSS悬停

foo:hover{
    //Do hover
}

---

实际上有一个JQuery

.hover（）

函数，它做得很好。
这个确实使用CSS来显示和隐藏转换。如果您愿意，您可以轻松地将其更改为JQuery的

show

和

hide

函数，尽管IMO纯CSS提供了更大的灵活性

var pics = $(".pics");
var deleteThis = $(".delete");
pics.hover(function () 
{
    deleteThis.addClass("show")
}, 
function () 
{
    deleteThis.removeClass("show")
})

然后在CSS中

.delete {
    position: absolute;
    height: 20px;
    top: -20px;
    left: 0px;
    right: 0px;
    color: white;
    transition: all .2s ease;
}

.delete.show {
    top: 0px;   
}

---

谢谢..它正在工作。但它没有完全隐藏，它正在闪烁..我如何解决这个问题..如果您使用的是我的Jquery代码，那么mouseleave的元素可能与mouseenter不同。如果它们相同，那么它将闪烁。尝试将mouseleave的元素设置为父元素。哇..我的完美解决方案是…非常感谢！！但唯一需要做的是我需要添加“rel:lightbox旅程”而不是在图像属性中，我应该放在锚定标记中，并且只放在锚定标记中，这些图像应该会出现。.我已经更新了小提琴来做我想你问的事情。

现在在它自己的

元素中，带有

“rel:lightbox旅程”

。不客气！非常感谢，先生。我在这个问题上做了很长一段时间的研究。你帮助了我。再次感谢。最后我从你那里得到了一个打包的解决方案。请给我你的电子邮件ID好吗？需要问一些关于这个问题的疑问吗？请查看我的帐户以获取联系信息-但请记住，如果你还有其他问题，其他人会问你如果你能从观看中受益，最好的办法就是发布一个新问题！