Jquery 通过悬停改变样式？

我已使用属性：可见性修改了文本，但它不起作用：-(

我有一个简单的代码，但它不起作用：

$（“#text”）.hover（函数（）{
//鼠标进入
$（“#黑盒”）.css（{
“可见性”：“可见”
});
},
函数（）{
//老鼠叶子
$（“#黑盒”）.css（{
“可见性”：“隐藏”
});
})；

#文本{
字号：600；
字体大小：24px；
}
#黑匣子{
可见性：隐藏；
背景色：黑色；
高度：100px；
利润率：100像素；
宽度：100px；
}

尝试使用。悬停（handleIn，handleOut）代替。 此外，要小心jQuery选择器

$（“#黑盒”）

将选择带有

id=“黑盒”

$（“blackbox”）

将选择标记blackbox

$（“#文本”）.hover（函数（）{
//鼠标进入
$（“#黑盒”）.css（{
“背景色”：“黄色”
});
},  
函数（）{
//老鼠叶子
$（“#黑盒”）.css（{
“背景色”：“黑色”
});
})；

#文本{
字号：600；
字体大小：24px；
}
#黑匣子{
背景色：黑色；
高度：100px；
利润率：100像素；
宽度：100px；
}

---

请不要使用

否则

对于

mouseenter

和

mouseleave

功能，您可以使用特定的功能：

$("#text").on("hover", function(e) {
   //on entering
    $("blackbox").css(  {                               
        "background-color": "yellow"
    });  
   //on leaving 
    $(this).mouseleave(function(){
        $("blackbox").css(  {                               
            "background-color": "black"
        });     
    });
});

---

我希望它能有所帮助，所以我们都知道CSS中不存在父选择器，但是，CSS中确实有兄弟选择器

+

，这是一种比恢复到jQuery/JavaScript更简单的解决方案

给定以下HTML语法，我们可以使用纯CSS创建悬停：

#文本{
字号：600；
字体大小：24px；
}
#黑匣子{
背景色：黑色；
高度：100px；
利润率：100像素；
宽度：100px；
}
#文本：悬停+黑盒{
背景色：#0FF；
}

1.您在

$（“#黑盒”）中缺少
。
.2.最好使用CSS实现。3.您可以使用jQuery的
hover（）
，它需要两个函数作为参数，一个用于
mousein
，另一个用于
mouseout
。为什么不在CSS@haim770$（“#text”）.mousein（函数（）{$（“#黑盒”）.css（{“背景色”：“黄色”}）}）；$（“#文本”）.mouseout（函数（）{$（“#黑盒”）.css（{“背景色”：“黑色”}）}）@roberrt因为它影响到另一个人element@IsaacPalacio让我用
+
选择器的魔力来回答这个问题。行为会有一点变化……如果您将鼠标悬停在a的右侧，就会触发鼠标悬停。这是因为h3比ahi@roberrt宽，属性可见性：可见；不可见work@IsaacPalacio和w哪个元素应该保存该属性？@Roberrrt#text{font-weight:600；font-size:24px；}#blackbox{可见性：隐藏；背景色：黑色；高度：100px；边距：100px；宽度：100px；}#text:hover+#blackbox{可见性：可见；}@Roberrrt它可以工作，html中有一个小错误谢谢！！谢谢！！我用属性修改了文本：可见性，但它不工作：-(