Wie definiert man mehrere CSS-Attribute in jQuery?

Question

Gibt es eine syntaktische Möglichkeit in jQuery, mehrere CSS-Attribute zu definieren, ohne alles auf der rechten Seite wie diese Zeichenfolge:

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

Wenn Sie, sagen wir, 20 davon haben, wird Ihr Code schwer lesbar, gibt es Lösungen?

Von jQuery API, zum Beispiel, versteht jQuery und gibt den richtigen Wert für beide

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

y

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

Beachten Sie, dass in der DOM-Notation die Anführungszeichen um die Eigenschaftsnamen optional aber mit der CSS-Notation sind sie erforderlich wegen des Bindestrichs im Namen.

Answer 1

Sie können auch Folgendes verwenden attr zusammen mit style :

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

Answer 2

Zustimmen mit redsquare jedoch ist es erwähnenswert, dass, wenn Sie ein zwei Wort Eigenschaft wie haben text-align würden Sie dies tun:

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

Answer 3

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

Außerdem kann es besser sein, die in jQuery eingebaute addClass um die Skalierbarkeit Ihres Projekts zu erhöhen.

Fuente: Gewusst wie: jQuery CSS hinzufügen und CSS entfernen

Answer 4

Der beste Weg ist die Verwendung von Variablen.

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

Answer 5

Versuchen Sie dies

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