Comment supprimer la propriété CSS dans jQuery

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. Mais quoi?

Vous pouvez les supprimer en:

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

Vous pouvez également 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é directement appliquée,

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é):

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

MAIS je ne pouvais pas du tout le faire fonctionner, donc je le mets ici juste pour info.

Soit vous pouvez redéfinir les propriétés sur vide:

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

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

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

Nous avons deux façons, soit de supprimer directement la classe de style CSS appliquée qui est appliquée à l'élément DOM, soit de supprimer le style CSS appliqué de l'élément

//Remove the class associated with element

$('#ID').removeClass("cssClass");

//Remove the CSS style from DOM element

$('p').css({"color":""});

J'avais ce problème mais je n'ai vu aucune solution satisfaisant au PO. La plupart des solutions suggèrent de se débarrasser de l'attribut style entier qui n'en vaut pas la peine.

J'ai utilisé la méthode prop de jQuery .

var styleObject = $('my-selector').prop('style'); 

styleObject.removeProperty('background-color');

Alterner l'option moins qu'idéale, mais peut contourner divers problèmes. Ajoutez une nouvelle classe à l'élément avec une valeur héritée :

css

.clearCSS {
    background-color: inherit !important;
}

jquery

$(".icha0").addClass('clearCSS'); 

C'est littéralement un copier-coller de cette réponse , et je l'utilise pour effacer le style CSS que j'ai ajouté avec jQuery dans une fonction précédemment exécutée.

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');

OU par ID:

$('#idName').removeAttr('style');

Pour supprimer toutes les propriétés CSS dans JQuery, le code suivant peut être utilisé:

    $(".selector").removeClass().removeAttr('style');

Merci.

si vous devez supprimer et ne pas mettre à jour une propriété spécifique, vous pouvez simplement utiliser removeProp et non removeProperty :

$(".icha0").removeProp("background-color");
$(".icha0").removeProp("opacity");