Javascript hover（）和页面加载

我有以下几个部门：

<div id="foo">
...
    <div id="bar" class="container hidden">
    ...
    </div>
</div>

它似乎工作正常，但如果在页面加载期间鼠标已经悬停在#foo div上，则默认情况下会应用悬停效果。之后，如果我将鼠标移到#foo div之外，它将再次应用toggleClass并显示内部的#bar div

---

如何防止页面加载时出现这种行为？

这是一种正确的方法：

$("#foo").hover(
    function() {
        $("#bar", this).addClass("hidden");
    }, function() {
        $("#bar", this).removeClass("hidden");
});

---

这是一种正确的方法：

$("#foo").hover(
    function() {
        $("#bar", this).addClass("hidden");
    }, function() {
        $("#bar", this).removeClass("hidden");
});

---

尝试使用

addClass（）

和

removeClass（）

，而不是使用

toggleClass（）

：

---

这种方式允许您对元素进行更精确的控制。

请尝试使用

addClass（）

和

removeClass（）

：

---

通过这种方式，您可以对元素进行更精确的控制。

除了悬停伪事件接受输入/输出处理程序之外，没有人提到它，因此您可以切换类：

$("#foo").hover(function () {
    $("#bar").toggleClass("hidden");
});

---

由于ID在文档上下文中必须是唯一的，不需要传递上下文，只需要ID为的目标元素。

没有人提到它，而是悬停伪事件接受输入/输出处理程序，所以您可以切换类：

$("#foo").hover(function () {
    $("#bar").toggleClass("hidden");
});

---

由于ID在文档上下文中必须是唯一的，无需传递上下文，只需传递ID为的目标元素。

它是否在

$（文档）中。ready（）

？是的，你能试试吗？上下文选择器在这里没用，ID应该是唯一的。它是否在

$（文档）中。ready（）

？是的，你能试试吗？上下文选择器在这里没用，id应该是唯一的。这是你要找的正确答案：）也打败我吧。这是你要找的正确答案：）也打败我吧。谢谢！这就是我要找的。谢谢！这就是我要找的。