Javascript .hover（）与jQuery一起只能工作一次

我的内容框已禁用，我尝试使用.hover启用它，但问题是.hover仅在第一次悬停时起作用，而不是每次都起作用；内容框类为.dboxcontent:

使用.hide代替.remove， 否则，您将删除该悬停元素中包含class.dboxcontent的DOM元素

像这样：

$('div.conbox').hover(function () {
    $(this).find('.dboxcontent').show();
}, function () {
    $(this).find('.dboxcontent').hide();
});

实际上，你不需要jQuery，CSS是最好的解决方案

.conbox:hover .dboxcontent {
    display: block;
}

只需CSS即可。隐藏方法：

---

如果使用removemethod，则会删除标记

执行.remove时，实际上是从DOM中删除HTML元素

你应该把它藏起来

我会这样重写你的js：

                 $('div.conbox').hover(
                     function() {
                         $(this).find('.dboxcontent').show();
                     }, function() {
                         $(this).find('.dboxcontent').hide();
                     }
                 );

这里不需要字符串连接。您可以使用.find来代替

---

现在已经了解了.hide和.remove之间的区别，非常感谢

                 $('div.conbox').hover(
                     function() {
                         $(this).find('.dboxcontent').show();
                     }, function() {
                         $(this).find('.dboxcontent').hide();
                     }
                 );