使用 jQuery 更改 CSS 伪类 (:hover) 的属性答案

【问题标题】：Change attribute of CSS Pseudo classes (:hover) with jQuery使用 jQuery 更改 CSS 伪类 (:hover) 的属性
【发布时间】：2013-05-08 03:02:12
【问题描述】：

甚至可以用 jQuery 改变伪类吗？是否有任何解决方法可以实现这一目标？

【问题讨论】：

这种情况不能使用jQuery
前几天我找到了一个jQuery风格的库来访问样式表，但是现在我再也找不到了，我找到的都是样式表切换器。
不确定我是否理解。你能详细说明一下吗？你到底想改变什么？

标签： jquery css pseudo-class

【解决方案1】：

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

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

Dynamic CSS pseudo class styles with jQuery

【讨论】：

绝对是这个。使用 Javascript 更改单个 CSS 属性非常麻烦.. 只需切换类！
更改类的问题是您可能正在使用颜色选择器。

【解决方案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;
                    }
                }
            }
        }
    }

【讨论】：