Attribut der CSS-Pseudoklassen ändern (: Hover) mit jQuery

Question

Ist es überhaupt möglich, die Pseudoklassen mit jQuery zu ändern? Gibt es einen Workaround, um dies zu erreichen?

Answer 1

Nun, ich die folgende Funktion erstellt, um meine Hover-Klasse zu ändern

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; 
        } 
       } 
      } 
     } 
    } 

Answer 2

Versuchen Sie, einen Klassenselektor für Ihr CSS zu erstellen, und schalten Sie die Klasse für das Element, für das Sie den Stil ändern möchten, ein und aus, wenn Sie den Mauszeiger darüber bewegen.

Hier sind andere Vorschläge: Setting CSS pseudo-class rules from JavaScript

Dynamic CSS pseudo class styles with jQuery