Comment définir plusieurs atsortingbuts CSS dans JQuery?

Existe-t-il une méthode syntaxique dans JQuery pour définir plusieurs atsortingbuts CSS sans pour autant imposer tout ce qui est à droite:

$("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt");

Si vous avez, disons, 20 d’entre eux, votre code deviendrait difficile à lire, des solutions?

Par exemple, depuis l’API jQuery, jQuery comprend et renvoie la valeur correcte pour les deux

 .css({ "background-color": "#ffe", "border-left": "5px solid #ccc" })

 .css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }).

Notez qu’avec la notation DOM, les guillemets entourant les noms de propriété sont facultatifs, mais avec la notation CSS, ils sont requirejs en raison du trait d’union du nom. – zanetu S

mieux vaut juste utiliser .addClass même si vous en avez 1 ou plus. Plus maintenable et lisible.

Si vous avez vraiment envie de faire plusieurs accessoires css, utilisez

NB Tous les accessoires avec un trait d’union doivent être cités.

 .css({ 'font-size' : '10px', 'width' : '30px', 'height' : '10px' });

J’ai placé les citations afin que personne n’ait besoin de clarifier cela, et le code sera 100% fonctionnel.

passer un object json:

 $(....).css({ 'property': 'value', 'property': 'value' });

http://docs.jquery.com/CSS/css#properties

 $('#message').css({ width: 550, height: 300, 'font-size': '8pt' });

En utilisant un object simple, vous pouvez associer des chaînes qui représentent des noms de propriété avec leurs valeurs correspondantes. Changer la couleur de fond et rendre le texte plus audacieux, par exemple, ressemblerait à ceci:

 $("#message").css({ "background-color": "#0F0", "font-weight" : "bolder" });

Vous pouvez également utiliser les noms de propriété JavaScript:

 $("#message").css({ backgroundColor: "rgb(128, 115, 94)", fontWeight : "700" });

Plus d’informations peuvent être trouvées dans la documentation de jQuery .

S’il vous plaît essayez ceci,

 $(document).ready(function(){ $('#message').css({"color":"red","font-family":"verdana"}); })

Vous pouvez également utiliser attr avec style :

 $('#message').attr("style", "width:550; height:300; font-size:8px" );

En accord avec redsquare, il convient de mentionner que si vous avez une propriété de deux mots comme text-align vous feriez ceci:

 $("#message").css({ width: '30px', height: '10px', 'text-align': 'center'});

Essaye ça

 $(element).css({ "propertyName1":"propertyValue1", "propertyName2":"propertyValue2" })

 $("#message").css({"width" : "550px", "height" : "300px", "font-size" : "8pt"});

En outre, il peut être préférable d’utiliser addClass intégré à addClass pour rendre votre projet plus évolutif.

Source: Comment: jQuery Ajouter CSS et supprimer CSS

Vous pouvez essayer ceci

 $("p:first").css("background-color", "#B2E0FF").css("border", "3px solid red");

Meilleur moyen d’utiliser une variable

 var style1 = { 'font-size' : '10px', 'width' : '30px', 'height' : '10px' }; $("#message").css(style1);

essaye ça:

$ (IDname) .css ({“background”: “# 000”, “color”: “# 000”})

ie bonjour est id dans div.