jquery - $.css() 不适用于 :hover and :active psuedo-classes

Question

我想知道为什么使用 $.css() 时 button:hover 和 button:active 不起作用

button {
    background: #781111;
    color: white;
}

 

<button>test</button>

 

$('button:hover').css({
    'background':'#fe2000'
});

$('button:active').css({
    'background':'#d50d04'
});

当鼠标悬停并单击按钮时，该按钮仍然以相同的方式显示。还有其他方法可以做到这一点吗？

JSFiddle

Answer 1

您可以使用纯 css 代替:

button:hover {
    background: #fe2000
}

button:active {
    background: #d50d04
}

我建议您使用 CSS 而不是 javascript 来完成任何可以通过这两种方式完成的任务。