Comment supprimer les CSS dans jquery

Dans la conception Web moderne, CSS est un élément très important. Il n'est pas seulement utilisé pour la conception de la mise en page et du style, mais aussi un étui nécessaire pour obtenir de nombreux effets interactifs. En tant que bibliothèque JavaScript populaire, jQuery est également largement utilisée dans le développement Web.

Dans certains cas, nous devrons peut-être utiliser jQuery pour modifier dynamiquement les styles CSS sur la page, comme changer la couleur d'arrière-plan des éléments, la taille de la police, etc. Dans certains cas, nous devons supprimer un style CSS spécifique. Alors, comment supprimer les styles CSS avec jQuery ? Plusieurs méthodes seront présentées ci-dessous.

Méthode 1 :

La première méthode consiste à utiliser la fonction removeProp() de jQuery. Cette méthode est une fonction fournie après la version jQuery 1.7, qui peut supprimer complètement l'attribut donné de l'élément.

Par exemple, nous devons supprimer la couleur d'arrière-plan d'un div. Le code suivant peut être utilisé :

$(‘div’).removeProp(‘background-color’);

Cette fonction supprimera complètement l'attribut donné de l'élément au lieu de simplement définir sa valeur sur la valeur par défaut.

Cependant, cette méthode ne fonctionne qu'avec la dernière version de jQuery. Si vous utilisez une version antérieure, vous devrez envisager d'autres méthodes.

Méthode 2 :

La deuxième méthode consiste à utiliser la fonction css() de jQuery. Pour cette fonction, nous pouvons passer une valeur appelée null pour supprimer une propriété CSS. Par exemple :

$(‘div’).css(‘background-color’,null);

Cette fonction supprimera la propriété CSS de couleur d'arrière-plan de l'élément. En fait, la valeur nulle peut être utilisée avec n'importe quelle propriété CSS car elle supprimera la valeur de la propriété spécifiée.

Cette méthode fonctionne dans la plupart des versions de jQuery. Cependant, nous pouvons également trouver d’autres moyens d’obtenir le même effet.

Méthode 3 :

La troisième méthode consiste à utiliser la fonction removeAttr() dans jQuery. Semblable à la première méthode, cette fonction peut supprimer directement les attributs spécifiés de l'élément. L'exemple de code est le suivant :

$(‘div’).removeAttr(‘background-color’);

Cette méthode peut être utilisée dans n'importe quelle version de jQuery. Cependant, veuillez noter que cette méthode peut supprimer n'importe quelle propriété, pas seulement les propriétés CSS.

Avec les trois méthodes ci-dessus, nous pouvons supprimer toutes les propriétés CSS spécifiques dans jQuery. Quelle que soit la méthode que vous utilisez, la suppression des styles CSS est simple tant que vous connaissez les noms des propriétés que vous devez supprimer.

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!