Javascript jQuery在悬停时显示内部div

我有一个div和一个隐藏的内部div。当我将鼠标悬停在outter div上时，我希望显示内部。我做这件事有困难。我尝试了一些变化，但仍然不能得到它

我将有多个外部div的页面上也

<div class='outdiv'>
    <h1>Content</>
    <div class='innerdiv'></div>
</div>
<div class='outdiv'>
    <h1>Content</>
    <div class='innerdiv'></div>
</div>
<div class='outdiv'>
    <h1>Content</>
    <div class='innerdiv'></div>
</div>

谢谢您的帮助。

试试这个：

$("div.outdiv").hover(function()
{
    $(this).find(".innerdiv").show();
},
function()
{
    $(this).find(".innerdiv").hide();
});

试试这个：

$("div.outdiv").hover(function()
{
    $(this).find(".innerdiv").show();
},
function()
{
    $(this).find(".innerdiv").hide();
});

---

您可以为

$（）

指定第二个参数，该参数指定所选内容的上下文-

---

您可以为

$（）

指定第二个参数，该参数指定选择的上下文-

试试这个

$(".outdiv").hover(function()
{
        $(this).find(".innerdiv").show();
},
function()
{
         $(this).find(".innerdiv").hide();
});

试试这个

$(".outdiv").hover(function()
{
        $(this).find(".innerdiv").show();
},
function()
{
         $(this).find(".innerdiv").hide();
});

---

你应该这样做

    $("div.outerDiv").mouseover(function() {
        $('div.innerDiv', this).show();
    });

或显示/隐藏

    $("div.outerDiv").hover(function() {
        $('div.innerDiv', this).show();
    },
    function() {
        $('div.innerDiv', this).hide();
    });

---

你应该这样做

    $("div.outerDiv").mouseover(function() {
        $('div.innerDiv', this).show();
    });

或显示/隐藏

    $("div.outerDiv").hover(function() {
        $('div.innerDiv', this).show();
    },
    function() {
        $('div.innerDiv', this).hide();
    });

---

为什么要使用jQuery来处理这个问题？ 对于这一个，我会使用css悬停

.outdiv:hover .innerdiv {
  display: block; // adjust for your method of hiding the div
}

---

为什么要使用jQuery来处理这个问题？ 对于这一个，我会使用css悬停

.outdiv:hover .innerdiv {
  display: block; // adjust for your method of hiding the div
}

$（文档）.ready（函数（）{
$（'.outdiv'，this）.hover（函数（）{
$（'.innerdiv'，this.css（'opacity'，'0'）；
}，函数（）{
$（'.innerdiv'）.css（'opacity'，'1.0'）；
});
});

使用JQuery执行此操作

$（文档）.ready（函数（）{
$（'.outdiv'，this）.hover（函数（）{
$（'.innerdiv'，this.css（'opacity'，'0'）；
}，函数（）{
$（'.innerdiv'）.css（'opacity'，'1.0'）；
});
});

---

在JQuery中这样做

嗯……您在示例中是否过度简化了HTML？您的jQ选择器与您的标记完全不匹配。此外，有一个CSS唯一的解决方案可以解决您的问题：

.outdiv:hover.innerdiv{display:block}

–为什么要麻烦使用JS？嗯……您在示例中是否过度简化了HTML？您的jQ选择器与您的标记完全不匹配。此外，对于您的问题，有一个CSS唯一的解决方案：

.outdiv:hover.innerdiv{display:block}

–为什么要麻烦使用JS？