Javascript 仅对JQuery中悬停的元素生效。-同类

我的结构如下：

<div class="box a">
    <div class="box b">
        <div class="box c">

        </div>
    </div>
    <div class="box d">

    </div>
</div>

但这不起作用。有人知道解决办法吗

我用JS和CSS都试过了，但两次都没办法解决。在这里看到这两种解决方案将非常有帮助。

您需要使用&

演示：

为什么，请查看mdn文档，您需要使用&

演示：

为什么，请查看mdn文档，您需要使用&

演示：

为什么，请查看mdn文档，您需要使用&

演示：

---

为什么，请查看有关的mdn文档，并在脚本中尝试此操作

$('.c').mouseenter(function(e) {
e.stopPropagation();
$(this).css({'opacity': 0});
}).mouseleave(function(e) {
    e.stopPropagation();
    $(this).css({'opacity': 1});
});

---

尝试将此应用于您的脚本

$('.c').mouseenter(function(e) {
e.stopPropagation();
$(this).css({'opacity': 0});
}).mouseleave(function(e) {
    e.stopPropagation();
    $(this).css({'opacity': 1});
});

---

尝试将此应用于您的脚本

$('.c').mouseenter(function(e) {
e.stopPropagation();
$(this).css({'opacity': 0});
}).mouseleave(function(e) {
    e.stopPropagation();
    $(this).css({'opacity': 1});
});

---

尝试将此应用于您的脚本

$('.c').mouseenter(function(e) {
e.stopPropagation();
$(this).css({'opacity': 0});
}).mouseleave(function(e) {
    e.stopPropagation();
    $(this).css({'opacity': 1});
});

---

这是因为你使用的类。请参阅以下代码

<div class="box1">
    <div class="box">
        <div class="box">

        </div>
    </div>
    <div class="box d">
     </div>
</div>

还有css

.box{
    width:100px;
    height:100px;
    background:red;
}

---

这是因为你使用的类。请参阅以下代码

<div class="box1">
    <div class="box">
        <div class="box">

        </div>
    </div>
    <div class="box d">
     </div>
</div>

还有css

.box{
    width:100px;
    height:100px;
    background:red;
}

---

这是因为你使用的类。请参阅以下代码

<div class="box1">
    <div class="box">
        <div class="box">

        </div>
    </div>
    <div class="box d">
     </div>
</div>

还有css

.box{
    width:100px;
    height:100px;
    background:red;
}

---

这是因为你使用的类。请参阅以下代码

<div class="box1">
    <div class="box">
        <div class="box">

        </div>
    </div>
    <div class="box d">
     </div>
</div>

还有css

.box{
    width:100px;
    height:100px;
    background:red;
}

---

你不应该为其效果选择.box.c吗？你不应该为其效果选择.box.c吗？你不应该为其效果选择.box.c吗？你不应该为其效果选择.box.c吗？你能告诉我为什么hover不能像你的代码那样工作，但它们是相同的$（'.box'）。hover（函数（e）{e.stopPropagation（）；$（this.css（{'opacity'：0}）；}，函数（e）{e.stopPropagation（）；$（this.css（{'opacity'：1}）；}）；喜欢this@Riturajratan不一样。。。看看mdn文档。。。hover注册mouseenter和mouseleave处理程序它们与mouseover和mouseoutc不同，你能告诉我为什么hover不像你的代码那样工作，但是它们是相同的$（'.box'）。hover（函数（e）{e.stopPropagation（）；$（this）.css（{'opacity'：0}）；}，函数（e）{e.stopPropagation（）；$（this.css（{'opacity'：1}）; }); 喜欢this@Riturajratan不一样。。。看看mdn文档。。。hover注册mouseenter和mouseleave处理程序它们与mouseover和mouseoutc不同，你能告诉我为什么hover不像你的代码那样工作，但是它们是相同的$（'.box'）。hover（函数（e）{e.stopPropagation（）；$（this）.css（{'opacity'：0}）；}，函数（e）{e.stopPropagation（）；$（this.css（{'opacity'：1}）; }); 喜欢this@Riturajratan不一样。。。看看mdn文档。。。hover注册mouseenter和mouseleave处理程序它们与mouseover和mouseoutc不同，你能告诉我为什么hover不像你的代码那样工作，但是它们是相同的$（'.box'）。hover（函数（e）{e.stopPropagation（）；$（this）.css（{'opacity'：0}）；}，函数（e）{e.stopPropagation（）；$（this.css（{'opacity'：1}）; }); 喜欢this@Riturajratan不一样。。。看看mdn文档。。。hover注册mouseenter和mouseleave处理程序它们与mouseover和mouseover不同如果我在a上移动鼠标，其他两个不会消失，这是错误的，无论如何谢谢如果我在a上移动鼠标，其他两个不会消失，这是错误的，谢谢如果我在a上移动鼠标，其他两个不会消失，这是错误的，无论如何如果我在a上移动鼠标，另外两个不要消失，这是错误的，无论如何谢谢