Thay đổi thuộc tính của các lớp CSS Pseudo (: hover) với jQuery

Question

Thậm chí có thể thay đổi các lớp giả với jQuery không? Có cách nào để đạt được điều này không?

Answer 1

Vâng, tôi tạo ra các chức năng sau đây để thay đổi lớp di chuột của tôi

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

Cố gắng tạo bộ chọn lớp cho CSS của bạn và bật và tắt lớp cho phần tử bạn muốn thay đổi kiểu/bất cứ khi nào bạn di chuột qua nó.

Dưới đây là gợi ý khác: Setting CSS pseudo-class rules from JavaScript

Dynamic CSS pseudo class styles with jQuery