jQuery - méthode css()


Méthode jQuery css()

La css()méthode définit ou renvoie une ou plusieurs propriétés de style pour les éléments sélectionnés.


Renvoyer une propriété CSS

Pour renvoyer la valeur d'une propriété CSS spécifiée, utilisez la syntaxe suivante :

css("propertyname");

L'exemple suivant renverra la valeur background-color du PREMIER élément correspondant :

Exemple

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

Définir une propriété CSS

Pour définir une propriété CSS spécifiée, utilisez la syntaxe suivante :

css("propertyname","value");

L'exemple suivant définira la valeur background-color pour TOUS les éléments correspondants :

Exemple

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

Définir plusieurs propriétés CSS

Pour définir plusieurs propriétés CSS, utilisez la syntaxe suivante :

css({"propertyname":"value","propertyname":"value",...});

L'exemple suivant définira une couleur d'arrière-plan et une taille de police pour TOUS les éléments correspondants :

Exemple

$("p").css({"background-color": "yellow", "font-size": "200%"});

Exercices jQuery

Testez-vous avec des exercices

Exercer:

Utilisez la css()méthode pour ajouter une couleur de fond rose à un élément <p>.

$("p").("", "");


Référence CSS jQuery

Pour un aperçu complet de toutes les méthodes CSS jQuery, veuillez consulter notre référence jQuery HTML/CSS .