Javascript 如何使一个div在其他div上悬停时消失/显示？

当我将鼠标悬停在div圆圈上时，如何显示该行

#行{
显示：无
}

---

如果您使用的是jQuery，那么您只需尝试：

$('#circle').on('mouseover', function() {
    $('#line').show();
});

$('#circle').on('mouseleave', function() {
    $('#line').hide();
});

---

首先，对于您的代码，不清楚

是否是嵌套的同级。我会给你两个问题的解决方案

嵌套的

div{
填充：10px；
背景：#99c；
}
#线{
显示：无；
背景#9c9；
}
#圆圈：悬停线{
显示：块；
}

---

假设您使用的是jQuery，您可以使用：

var enterHandler = function(){
   $("#line").show();
};

var leaveHandler = function(){
   $("#line").hide();
};

$("#circle").hover(enterHandler, leaveHandler);

---

jQuery将是最简单的

$('#circle').hover(function(){
    $('#line').css('display','inline');
});

---

或者您想要的任何显示属性。

在脚本标记中尝试此操作，并使用onmouseover和onmouseout事件

<script>
    function hidediv() {
        document.getElementById('line').style.display = 'none';
    }
    function showdiv() {
        document.getElementById('line').style.display = 'block';
    }
</script>

    <div id='circle' onmouseover="hidediv();" onmouseout="showdiv();" > this is circle
        <div id= 'line'>this is line
        </div>
    </div>

函数hidediv（）{
document.getElementById（'line'）.style.display='none'；
}
函数showdiv（）{
document.getElementById（'line'）.style.display='block'；
}
这是圆圈
这是电话线

没有HTML吗？你们为什么不在问之前先读一下上面的规则？那不是一个有效的HTML。你能把完整的密码贴出来吗？并且非常明确和具体地说明哪个div应该被悬停，哪个应该被隐藏。您删除了前一段时间提出的这个问题的前一个版本，并且没有对上一个版本做多少改进。你自己也没有试图解决这个问题。这不是一个编码服务，你真的需要jQuery和JavaScript来实现这样一个简单的服务吗？你不能单独使用CSS吗？是的，Praveen，你需要Javascript。如果你有任何建设性的补充，请随时。伙计，请检查我的答案。您不需要JavaScript来完成此操作。CSS就足够了。JS和DOM操作对于浏览器来说是非常昂贵的事情。你同意吗？如果它们是嵌套的，那么是的，但这在问题中并不清楚。这个圆圈很可能位于页面的另一个完全不同的部分。在这种情况下，我同意你的观点

：）

你真的需要jQuery和JavaScript来完成这样一个简单的任务吗？您不能单独使用CSS吗？Praveen是错误的，但这也不完全正确，因为您没有处理程序在鼠标退出时再次隐藏行。@RichardGuy善意地接受了建设性的评论。如果这是粗鲁的，我很抱歉。这个问题还不够清楚，使用javascript和jQuery不会受到元素顺序的影响，尤其是在元素之间有其他元素的情况下。