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.

Yorum Yap

Ara
Kategoriler
ASP.NET  (4 )
MSSQL  (5 )
JAVASCRIPT  (8 )
FİNANS  (8 )
C#  (5 )
GEZİ-KÜLTÜR  (3 )
SEO  (2 )
Diğer  (3 )
CSS  (2 )
ANDROID  (2 )