Come rimuovere una proprietà css di 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");
}

Sto cercando di rimuovere due proprietà css che ho aggiunto, ma sembra non funzionare.
Qualsiasi anche se?

  • Inoltre, si prega di provare a Google prima di postare qui. Non ho alcun dubbio che il primo risultato per il titolo esatto hai postato qui viene restituito un risultato accettabile. Non ho idea di dove hai preso .removeProperty() da.
InformationsquelleAutor SooIn Nam | 2012-02-23



9 Replies
  1. 293

    È possibile rimuoverle:

    $(".icha0").css({ 'background-color' : '', 'opacity' : '' });
    • Ho provato questo per le proprietà top, ma desn non funziona …
    • È un po ‘ troppo tardi per rispondere, ma penso che questo sia importante. È necessario tenere a mente che questo sarà solo rimuovere gli attributi dell’elemento definito nell’attributo “style”. Questo NON avrà alcun effetto, Se assegnato a una classe o simili.
    • Se è necessario rimuovere un insieme di proprietà tramite una classe, è possibile impostare la ‘prima’ al posto di “
    • Mi hai salvato lì. Grazie. Questa risposta non è molto completa a tutti..
  2. 71

    È possibile utilizzare .css() per rimuovere una proprietà css, come questo:

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

    Come indicato nella documentazione di jquery:

    Impostazione del valore di una proprietà di stile ad una stringa vuota, ad esempio $(‘#mydiv’).css(‘color’, “) — rimuove la proprietà di un elemento, se è già stato applicato direttamente,

    • Da jqeury css: “non È, tuttavia, rimuovere uno stile in cui è stata applicata una regola CSS in un foglio di stile o <stile> elemento”
  3. 25

    Per rimuovere la linea di una proprietà CSS uso:

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

    Per rimuovere il tutto, in linea di stile di un elemento di uso:

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

    Ho trovato anche questo suggerimento per rimuovere la proprietà CSS da stili (file separato) uso:

    $(‘.className’).stile.propertyName = “;

    MA non riuscivo a farlo funzionare, quindi la metto qui cordiali saluti.

    • $(‘.className’).stile.propertyName = “; deve essere $(‘.className’)[0].stile.propertyName = “; – ma è abolutly sciocchezze
  4. 21

    È possibile impostare la proprietà indietro a vuoto:

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

    O è possibile modificare il codice per utilizzare le classi definite in un file CSS:

    $(".icha0").addClass('properties'); 
    $(".icha0").removeClass('properties');
    • Aiutato a rimuovere i bordi frastagliati a causa nidificato in 3d. Ero frustrato cercando di rimuovere una delle prospettive per fissare l’anti alias problema, questo post salvato la mia giornata! Grazie!
  5. 4

    Abbiamo due modi, o si può rimuovere direttamente il CSS applicato stile classe che viene applicata a un elemento DOM o rimuovere l’applicato di stile CSS da elemento

    //Remove the class associated with element
    
    $('#ID').removeClass("cssClass");
    
    //Remove the CSS style from DOM element
    
    $('p').css({"color":""});
    • Non c’è nulla di nuovo in questa risposta, è inutile ripetere altre risposte.
  6. 1

    Alternativo a meno di ideale, ma potrebbe soluzione di vari problemi. Aggiungere una nuova classe all’elemento con valore ereditare:

    css

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

    jquery

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

    Questo è letteralmente un copia incolla da questa risposta, e lo uso per cancellare stile CSS che ho aggiunto con jQuery in precedenza eseguito funzione.

    Per rimuovere la linea di una proprietà CSS uso:

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

    Per rimuovere il tutto, in linea di stile di un elemento di uso:

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

    O ID:

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

    Ho capito l’aggiornamento css come questo può rimuovere il valore della proprietà (come molte delle risposte di cui già):

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

    oppure si può anche cancellare tutti di stile css da un div come le altre risposte indicate

    ma se avete bisogno di rimuovere e non aggiornamento una proprietà specifica, si può semplicemente utilizzare removeProp e non removeProperty :

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

    Per rimuovere tutte le proprietà CSS di JQuery il codice riportato di seguito può essere utilizzato:

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

    Grazie.

Lascia un commento