javascript - 如何修改 :hover style using JavaScript/jQuery?

Question

我在 CSS 样式表文件中声明了一个 :hover 样式定义:

.myclass:hover {
    border-color: red;
    background-image: url('http://goo.gl/zdLfy');
}

现在，在给定条件下，我想更改此悬停样式的 background-image。

我不知道如何使用 JavaScript/jQuery 来做到这一点。这可能吗？怎么办？

Answer 1

您可以在之前的声明上添加一个新的样式标签级联。假设 head 标签中的 css

$('head').append('<style>#element:hover {/
    background-image: url("http://new.image/url");/
}/
<style>');