Méthode CSS() jQuery

jQuery css()La méthode récupère ou configure une ou plusieurs propriétés de style de l'élément sélectionné.

Cette méthode fournit un moyen rapide d'appliquer directement les styles (styles en ligne) à un élément HTML.

Retour de la valeur de la propriété CSS

Pour retourner la valeur d'une propriété CSS spécifique, utilisez la syntaxe suivante :

$(selector).css(property)

L'exemple suivant retourne la couleur de fond du DIV cliqué :

$("div").click(function(){
　　$(this).css("background"-color");
});

Configuration de la propriété et de la valeur CSS

Pour configurer une propriété CSS spécifique et une valeur, utilisez la syntaxe suivante :

$(selector).css(property, value)

L'exemple suivant configure la propriété de couleur de tous les paragraphes :

$("button").click(function(){
　　$("p").css("color", "blue");
});

Lorsque vous utilisezcss()MéthodeObtenirLorsque vous définissez une valeur pourLe premier élément sélectionnéles valeurs.

Utilisezcss()MéthodeDéfinirLorsque vous définissez une valeur pourTous les éléments sélectionnésDéfinir une ou plusieurs propriétés/Paires de valeurs.

Définir plusieurs attributs CSS et valeurs

Pour définir plusieurs attributs CSS et valeurs, utilisez la syntaxe suivante :

$(selector).css({property:value, property:value, ...})

Les exemples suivants définissent plusieurs attributs CSS et valeurs pour tous les paragraphes :

$("button").click(function(){
　　$("p").css({
　　　　"color": "white",
　　　　"font"-size": ""1.3em",
　　　　"background"-"color": "#"4285f4",
　　　　"padding": ""20px"　　
　　});
});

Référence CSS jQuery

Pour une référence complète des méthodes CSS, veuillez visiter notrejQuery HTML / Référence CSS.