悬停时，更改另一个元素 CSS答案

【问题标题】：On hover, change another element CSS悬停时，更改另一个元素 CSS
【发布时间】：2013-12-30 16:00:58
【问题描述】：

对于 jQuery 开发人员有一个相当简单的问题。当我将鼠标悬停在页面中的不同元素上时，我正在尝试更改元素的 CSS 属性。

我已经整理了一个小提琴供审查，我只是想知道我搞砸了哪一部分。

$('a[href*='our_work']').hover(function(){
    $('div[id*="HM_Menu562"]').css({ top: '50' });
}, function(){
    $('div[id*="HM_Menu562"]').css({ top: '105' });
});

请注意，我正在处理我的客户代码，我只能修改当前存在的代码。

【问题讨论】：

你想达到什么目的？...请使用#id ids选择器jsfiddle.net/cTeV5/18
星星有什么用？
@bbuecherl - 我认为我的票与表演无关。让我们坚持这个问题，我必须按照客户的标准工作。谢谢。
@JoeyO'Driscoll 太棒了！很高兴你解决了这个问题。（打赌在 JS 控制台中有一些关于此的指示（语法错误））。 you 可能不会用.css() 指定 px 单位，但我会 ;-)
请注意，您可能希望指定一个单位other而不是px，例如.css({top : '105pt'});。

标签： jquery css hover

【解决方案1】：

您有一个语法错误，因为您没有正确嵌套或转义引号：

$('a[href*='our_work']').hover(function(){

应该是：

$('a[href*="our_work"]').hover(function(){

演示：http://jsfiddle.net/cTeV5/19/

【讨论】：

完美，我知道我错过了一些小而重要的事情。谢谢！
您对在当前小提琴上整合我的 jQuery 有什么建议吗？ (jsfiddle.net/jodriscoll/cTeV5)
我肯定会将$('#HM_Menu571') 提取到一个变量中，这样您就不会一遍又一遍地查找它，甚至是mouseover/mouseout 函数本身。也许是这样的？：jsfiddle.net/cTeV5/45
@ZachL - 感谢您的开始！但是，每个链接组的菜单后缀（数字）会发生变化。含义A与Menu1相关联，B与Menu2相关联，C与Menu3相关联，等等。
哦，是的。呸！不知何故错过了。