Méthode jQuery css()
Exemple
Définissez la propriété color de tous les éléments <p> :
$("button").click(function(){
$("p").css("color", "red");
});
Définition et utilisation
La méthode css() définit ou renvoie une ou plusieurs propriétés de style pour les éléments sélectionnés.
Lorsqu'elle est utilisée pour renvoyer des propriétés :
cette méthode renvoie la valeur de propriété CSS spécifiée du PREMIER élément correspondant. Cependant, les propriétés CSS abrégées (telles que « arrière-plan » et « bordure ») ne sont pas entièrement prises en charge et peuvent donner des résultats différents dans différents navigateurs.
Lorsqu'elle est utilisée pour définir des propriétés :
cette méthode définit la propriété CSS spécifiée pour TOUS les éléments correspondants.
Syntaxe
Renvoyez la valeur de la propriété CSS :
$(selector).css(property)
Définissez la propriété et la valeur CSS :
$(selector).css(property,value)
Définissez la propriété et la valeur CSS à l'aide d'une fonction :
$(selector).css(property,function(index,currentvalue))
Définissez plusieurs propriétés et valeurs :
$(selector).css({property:value, property:value,
...})
| Parameter | Description |
|---|---|
| property | Specifies the CSS property name, like "color", "font-weight", etc. |
| value | Specifies the value of the CSS property, like "red", "bold", etc. |
| function(index,currentvalue) | Specifies a function that returns the new value for the CSS property
|
Essayez-le vous-même - Exemples
Renvoie la valeur de la propriété CSS spécifiée du PREMIER élément correspondant.
Utilisation d'une fonction pour modifier une propriété CSS pour les éléments sélectionnés.
de valeurs Comment définir plusieurs propriétés et valeurs CSS pour les éléments sélectionnés.