CSS Pseudo classları jquery ile manipüle etme

Merhabalar, :before, :after... gibi css elemanlarını js/jquery kullanarak seçmek/değiştirmek normal selectorlerle mümkün değildir, böyle durumlarda injectStyle veya rule oluşturulur, bu metodla sayfanın sonuna inline css yazdırmış olursunuz. 

örnek1:

function injectStyles(rule) {
      var div = $("<div />", {
      html: '&shy;<style>' + rule + '</style>'
                             }).appendTo("body");
            }
     
injectStyles('.btn-next:after {color:' + IconColor);

butonun :after elemanın renk özelliğini değiştimiş olduk.

örnek2:

var sheet = document.styleSheets[0]; //get style sheet somehow
            var rules = sheet.rules;
 sheet.insertRule('#MobileSlideMenu .icon-close:before { background-color:' + yeniRenk + '; }', rules.length);


bu örnekte before elemanının, arkaplan rengini değiştirmiş olduk.