Comment supprimer une propriété css dans JQuery

Question

 if(prev_clicked)
{   
    $("#accordion li a.category").css('background-image', 'url("img/off_all_channel.png")');                    
    $("#accordion li a.comment").css('background-image', 'url("img/on_all_online.png")');                   
    $(".icha0").removeProperty("background-color");
    $(".icha0").removeProperty("opacity");
}
else
{   
   $(".icha0").css("background-color","#D5D5D2");
   $(".icha0").css("opacity","0.70");
}
 

J'essaie de supprimer deux propriétés CSS que j'ai ajoutées, mais cela ne semble pas fonctionner. Quoi que ce soit?

Answer 1

Vous pouvez les supprimer par:

 $(".icha0").css({ 'background-color' : '', 'opacity' : '' });
 

Answer 2

Vous pouvez aussi utiliser .css() pour supprimer la propriété css, comme ceci:

 $(".icha0").css("background-color","");
$(".icha0").css("opacity","");
 

Comme mentionné dans la documentation jQuery:

Définir la valeur d'une propriété de style sur une chaîne vide - par exemple $ ('# mydiv'). Css ('color', '') - supprime cette propriété d'un élément si elle a déjà été appliquée directement.

Answer 3

Pour supprimer la propriété CSS en ligne, utilisez:

 $('.className').css({propertyName: ''});
 

Pour supprimer tout le style en ligne d'un élément, utilisez:

 $('.className').removeAttr('style');
 

J'ai également trouvé cette suggestion pour supprimer la propriété CSS des styles (fichier séparé), utilisez:

$ ('. className'). style.propertyName = '';

MAIS je ne pouvais pas le faire fonctionner du tout, alors je le mets ici juste pour votre information.

Answer 4

Soit vous pouvez redéfinir les propriétés à blanc:

$(".icha0").css("background-color","");

Ou vous pouvez changer le code pour utiliser les classes définies dans un fichier CSS:

 $(".icha0").addClass('properties'); 
$(".icha0").removeClass('properties');