jquery悬停/更改css属性帮助

Question

我是jQuery的新手,我正在寻找一个简单的脚本(或者可能有一个更简单的方法),如果用户将鼠标悬停在元素上,则另一个元素的css属性会发生变化.

例如,将鼠标悬停在此图像上,另一个元素上的"border-bottom"会更改颜色或其他内容,等等

Answer 1

使用悬停属性

$('#elementA').hover(function(){
    $('#elementB').addClass('active');
},function(){
    $('#elementB').removeClass('active');
});

然后在你的CSS中设置活动类的样式

Answer 2

你都尝试了些什么？

这是关于悬停的jQuery文档.基本上,为要悬停的对象提供一个选择器(如果你不想要永久效果,请离开).然后,在事件的函数内,选择要更改的对象并更新其CSS设置.(或者,如果你有一个写的类,请更新到新类.)

如果您想添加一些您尝试编写的代码(更新您的帖子),我将非常乐意为您提供帮助.