¿Hay alguna forma sintáctica en jQuery para definir múltiples atributos CSS sin encadenar todo a la derecha de esta manera:
$("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt");
Si tiene, digamos, 20 de estos, su código será difícil de leer, ¿alguna solución?
Desde jQuery API, por ejemplo, jQuery comprende y devuelve el valor correcto para ambos
.css({ "background-color": "#ffe", "border-left": "5px solid #ccc" })
y
.css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }).
Observe que con la notación DOM, las comillas alrededor de los nombres de propiedad son opcionales , pero con la notación CSS son necesarias debido al guión en el nombre.
font-size
, y fallará. Si se trata de probar límites, también son$('div').css({ width : 300, height: 40 });
válidos.For example, jQuery understands and returns the correct value for both .css({ "background-color": "#ffe", "border-left": "5px solid #ccc" }) and .css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }). Notice that with the DOM notation, quotation marks around the property names are optional, but with CSS notation they're required due to the hyphen in the name.