使用JQuery设置此CSS规则

Question

我正在使用这个css：

#hideSidebarText:hover > #hideSidebarArrows {
background-position: -282px -51px;
}

如何更改＆＃34;背景位置＆＃34;使用JQuery的属性？我尝试了下面的代码，但显然没有用：

$('#hideSidebarText:hover > #hideSidebarArrows').css('background-position', '-282px -31px');

Answer 1

看起来你已经对你的定位元素进行了高估（也就像@vega指出悬停不起作用），如果你想将CSS应用于具有ID的元素hideSidebarArrows直接执行而不是搜索它关于元素。

$("#hideSidebarArrows").hover(
    function () {
       $(this).css('background-position', '-282px -31px');
});