使用jQuery更改CSS Pseudo类（：hover）的属性

Question

甚至可以用jQuery更改伪类吗？有没有解决方法来实现这个目标？

Answer 1

尝试为CSS创建一个类选择器，并在您将鼠标悬停在其上时，为要更改样式/任何内容的元素打开和关闭该类。

以下是其他建议： Setting CSS pseudo-class rules from JavaScript

Dynamic CSS pseudo class styles with jQuery

Answer 2

我创建了以下函数来更改我的悬停类

var setPseudoClass = function (rule, prop, value)
    {
        var sheets = document.styleSheets;
        var slen = sheets.length;
        for (var i = 0; i < slen; i++)
        {
            var rules = document.styleSheets[i].cssRules;
            if (rules)
            {
                var rlen = rules.length;
                for (var j = 0; j < rlen; j++)
                {
                    if (rules[j].selectorText && rules[j].selectorText.indexOf(rule) > 0)
                    {
                        alert(rules[j].selectorText);
                        rules[j].style[prop] = value;
                    }
                }
            }
        }
    }