Jquery 当悬停另一个元素时，如何将悬停样式应用于div？

我想要的是当我将鼠标悬停在名称（.teste）中时也激活悬停，但是我想用jQuery来实现这一点

li.caixa{
显示器：flex；
柔性包装：包装；
证明内容：中心；
对齐项目：居中；
边框：1px实心#9d9d；
边界半径：10px；
框大小：边框框；
高度：210px；
宽度：210px；
位置：相对位置；
}
李，停下来{
位置：绝对位置；
宽度：100%；
身高：100%；
边界半径：8px；
过渡：.3s；
}
李,盘旋一个,，
跨度{
显示：无；
}
悬停，悬停{
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景色：#72adde；
不透明度：0.8；
}

|

可以在将鼠标悬停在链接上时切换css

$('.teste').hover(function() { // mouseEnter callback
  // do whatever to box
}, function() { // mouseExit callback
  // undo whatever to box
});

更好的解决方案可能是让另一个类直接应用背景色

// css
.changeBackground {
  background-color: #72adde;
  opacity: 0.8;
}

$('.teste, .hover').toggleClass('.changeBackground');

---

尝试以下操作-使用jquery的悬停方法：

$（'.teste'）.hover（函数（）{
$（'.hover'）.addClass（'active'）；
}，函数（）{
$（'.hover'）.removeClass（'active'）；
});
li.caixa{
显示器：flex；
柔性包装：包装；
证明内容：中心；
对齐项目：居中；
边框：1px实心#9d9d；
边界半径：10px；
框大小：边框框；
高度：210px；
宽度：210px；
位置：相对位置；
}
李，停下来{
位置：绝对位置；
宽度：100%；
身高：100%；
边界半径：8px；
过渡：.3s；
}
李,盘旋一个,，
跨度{
显示：无；
}
悬停，悬停{
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景色：#72adde；
不透明度：0.8；
}
.悬停{
背景色：#72adde；
}


|

这可能会在CSS中得到更好的处理，就像您为
.hover
类所做的那样，但是如果需要在JavaScript或jQuery中完成，您可以使用
.hover（）
jQuery鼠标事件

没有任何javascript。只需将“li.hover:hover”更改为“li:hover.hover”，如果您不想在整个li元素上设置它，只需创建一个容器元素来保存要悬停的元素

我总是建议在js方法之上使用非js方法。但是如果您真的想使用jquery选项，我建议使用Aquila Sagitta的类更改解决方案


li.caixa{
显示器：flex；
柔性包装：包装；
证明内容：中心；
对齐项目：居中；
边框：1px实心#9d9d；
边界半径：10px；
框大小：边框框；
高度：210px；
宽度：210px；
位置：相对位置；
}
李，停下来{
位置：绝对位置；
宽度：100%；
身高：100%；
边界半径：8px；
过渡：.3s；
}
李,盘旋一个,，
跨度{
显示：无；
}
李：停，停{
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景色：#72adde；
不透明度：0.8；
}
.悬停{
背景色：#72adde；
}


|

在这种情况下，难道不可能将所有内容都包装在a标记中，然后将鼠标悬停在a元素上吗？让事情变得更简单目前CSS中不支持父选择器，也不支持以前的同级选择器，因此在CSS中使用OP的当前标记是不可能的。是的，有了CSS我知道怎么做，我想用jQuery学习，非常感谢您的解决方案！是的，对于css我知道，我想对jQuery做同样的事情。非常感谢您的解决方案！
$(".teste").hover(function() {
  $(this).css("color", "red"); // or anything you want to trigger on your hover event
});