.css() fonksiyonu ile eklenen bir stili nasıl kaldırabilirim?

CSS'yi jQuery ile değiştiriyorum ve giriş değerine göre eklediğim stili kaldırmak istiyorum:

if(color != '000000') $("body").css("background-color", color); else // remove style ?

Bunu nasıl yapabilirim? Yukarıdaki satırın, bir renk seçici kullanılarak bir renk seçildiğinde (yani fare bir renk tekerleği üzerinde hareket ettiğinde) çalıştığını unutmayın.

  1. not: Bunu css("background-color", "none") ile yapamıyorum çünkü css dosyalarından varsayılan stili kaldıracak. Ben sadece jQuery tarafından eklenen background-color satır içi stilini kaldırmak istiyorum.
Çözüm

Özelliği boş bir dize olarak değiştirmek işi hallediyor gibi görünüyor:

$.css("background-color", "");
Yorumlar (14)

Kabul edilen yanıt çalışıyor ancak testlerimde DOM üzerinde boş bir style niteliği bırakıyor. Önemli bir şey değil, ama bu hepsini kaldırıyor:

removeAttr( 'style' );

Bu, tüm dinamik stilleri kaldırmak ve stil sayfası stiline geri dönmek istediğinizi varsayar.

Yorumlar (8)

Sadece saf JavaScript'in yolunu bilmeniz için saf JavaScript ile bir stil niteliğini kaldırmanın yolunu buldum

var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
    bodyStyle.removeAttribute('background-color');
else        
    bodyStyle.removeProperty('background-color');
Yorumlar (7)