Javascript 悬停在父div上时是否可以隐藏它'；s子div元素？

当我将鼠标悬停在父div上时，是否有方法隐藏父div

<div class="parent" style="width:500px; height:800px;">
<div class="child" style="width:250px; height:250px; margin:250px auto 0 auto;">
</div>
</div>

我想将鼠标悬停在子对象上，使其在父和子div元素中消失

如果使用jquery/javascript还有其他方法，请告诉我

---

我有4个父div和它们各自的子div，当我悬停在另一个父div上时，隐藏的div会重新出现。

您可以使用mouseenter事件，然后像这样隐藏最近的父div

$('.child').on('mouseenter',function(){
    $(this).closest('.parent').hide();
});

---

为此，您可以使用jquery悬停

$('.child').hover(function(){
    $(this).parent().hide();
});

注意：悬停函数可以处理mouseover和mouseenter，最好处理UI元素。例如：

演示：

---

$（'.child'）.hover（函数（）{$（this.parent（）.hide（）；}）？是否存在可用性问题？它应该重新出现吗？什么时候如何？当游标位于另一个父div中时，我如何再次返回父div。请对您的代码提供一些解释，以便OP和其他用户可以学习anks，但我如何才能将其返回。我有4个父div及其各自的子div。我想在悬停在其他父对象上时显示隐藏的父对象，在悬停在其子div上时隐藏它们。然后，您可以执行相同的操作，但选择父对象并使用
$（'.child'）.show（）
$('.child').hover(function(){
    $(this).parent().hide();
});

$('.child').hover(function(){
   $(this).parent().hide();
}, 
function(){
   $(this).parent().show();
});