Comment supprimer les styles CSS dynamiques ajoutés avec .css() de jQuery ?

Supprimer les styles CSS dynamiques avec jQuery

Lors de la modification dynamique des styles à l'aide de la fonction .css() de jQuery, vous devrez peut-être supprimer le style appliqué en fonction de certains critères. Cet article aborde ce scénario en fournissant une solution pour supprimer les styles ajoutés avec .css().

Énoncé du problème

Supposons que vous disposiez d'une fonction jQuery qui modifie la couleur d'arrière-plan. d'un élément basé sur la saisie de l'utilisateur. Lorsque l'utilisateur sélectionne une couleur spécifique, vous souhaitez appliquer une couleur d'arrière-plan personnalisée. Cependant, lorsque l'utilisateur ne sélectionne pas de couleur, vous devez supprimer le style en ligne précédemment appliqué.

Solution

Pour supprimer le style en ligne ajouté par . css(), vous pouvez définir la propriété sur une chaîne vide. Voici l'extrait de code fourni dans la réponse :

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

Dans ce cas, ".backgroundColor" représente la propriété que vous souhaitez supprimer. En définissant sa valeur sur une chaîne vide, vous supprimez effectivement le style en ligne qui était précédemment appliqué.

Remarque importante

Il est important de noter que l'utilisation de .css () avec la valeur "aucun" ne fonctionnera pas dans ce cas. Définir une propriété sur "aucun" supprimera le style par défaut défini dans les fichiers CSS, ce qui n'est pas le comportement souhaité ici.

En utilisant une chaîne vide, vous pouvez cibler spécifiquement le style en ligne appliqué par .css() et supprimez-le sans affecter le style par défaut défini dans vos fichiers CSS.

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!