Maison > interface Web > tutoriel CSS > Comment supprimer les styles en ligne appliqués avec .css() de jQuery ?

Comment supprimer les styles en ligne appliqués avec .css() de jQuery ?

Mary-Kate Olsen
Libérer: 2024-12-19 08:14:09
original
318 Les gens l'ont consulté

How Do I Remove Inline Styles Applied with jQuery's .css()?

Suppression du style en ligne ajouté avec .css() dans jQuery

Dans jQuery, la fonction .css() est utilisée pour manipuler dynamiquement le CSS propriétés. Cependant, vous pouvez rencontrer des situations dans lesquelles vous devez supprimer le style appliqué avec .css(). Voici comment procéder :

Question :

Vous disposez d'un scénario dans lequel les propriétés CSS sont modifiées à l'aide de jQuery et vous souhaitez supprimer le style qui a été appliqué en fonction d’une valeur saisie par l’utilisateur. Plus précisément, vous devez supprimer le style en ligne « background-color » lorsqu'une valeur de couleur spécifique est sélectionnée.

Réponse :

Pour supprimer le style en ligne ajouté par . css(), vous pouvez définir la propriété sur une chaîne vide. Cela supprimera efficacement le style en ligne sans affecter les styles par défaut définis dans les fichiers CSS :

$("body").css("background-color", "");
Copier après la connexion

Cette approche fonctionne car la définition d'une propriété sur une chaîne vide écrase tout style précédent appliqué avec .css(). Il est important de noter que cette méthode supprime uniquement le style en ligne ajouté par jQuery et n'affecte pas les styles par défaut définis dans les fichiers CSS externes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal