jquery - 使用 JQuery 设置此 CSS 规则

Question

我正在使用这个 CSS：

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

如何使用 JQuery 更改“背景位置”属性？我尝试了以下代码，但显然没有奏效：

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

Answer 1

如果您想将该 CSS 应用于 ID 为 hideSidebarArrows 的元素，请直接执行此操作，而不是使用 about 元素搜索它.

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