Αλλάζω το CSS με το jQuery και επιθυμώ να αφαιρέσω το στυλ που προσθέτω με βάση την τιμή εισόδου:
if(color != '000000') $("body").css("background-color", color); else // remove style ?
Πώς μπορώ να το κάνω αυτό; Σημειώστε ότι η παραπάνω γραμμή εκτελείται κάθε φορά που επιλέγεται ένα χρώμα χρησιμοποιώντας έναν επιλογέα χρωμάτων (δηλαδή όταν το ποντίκι κινείται πάνω από έναν τροχό χρωμάτων).
2η σημείωση: Δεν μπορώ να το κάνω αυτό με το css("background-color", "none")
γιατί θα αφαιρέσει το προεπιλεγμένο στυλ από τα αρχεία css. Θέλω απλώς να αφαιρέσω το inline στυλ background-color
που προσθέτει η jQuery.
Η αλλαγή της ιδιότητας σε κενή συμβολοσειρά φαίνεται να κάνει τη δουλειά:
$.css("background-color", "");
Η αποδεκτή απάντηση λειτουργεί αλλά αφήνει ένα κενό χαρακτηριστικό style
στο DOM στις δοκιμές μου. Δεν είναι κάτι το σπουδαίο, αλλά αυτό το αφαιρεί όλο:
removeAttr( 'style' );
Αυτό υποθέτει ότι θέλετε να αφαιρέσετε όλο το δυναμικό στυλ και να επιστρέψετε στο στυλ του φύλλου στυλ.
Πήρα τον τρόπο να αφαιρέσω ένα χαρακτηριστικό στυλ με καθαρή JavaScript απλά για να σας ενημερώσω για τον τρόπο της καθαρής JavaScript
var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
bodyStyle.removeAttribute('background-color');
else
bodyStyle.removeProperty('background-color');