¿Cómo agregar múltiples elementos CSS a un div usando jQuery?

me gustaría hacer esto:¿Cómo agregar múltiples elementos CSS a un div usando jQuery?

<div style="float: left; 
      width: 59px; 
      background: transparent url('http://download.com/47.jpg') no-repeat scroll -132px -1px;" 
    class="cIconSmall"> 
</div>

y estoy pensando que debería utilizar este:

$("#YourElementID").css({ 
    float: "left", 
    width: "59px", 
    background: "transparent url('http://download.com/47.jpg') no-repeat scroll -132px -1px" 
});

¿Alguna idea?

Gracias

Fuente

2011-04-19 Patrioticcow

Sí, esa es la sintaxis correcta. ¿Por qué no lo intentaste? – Alnitak

Lo único malo con el código que publicó por primera vez es que en lugar de '$ ('# YourElementId')', necesita hacer '$ ('. YourClassName')' ya que div tiene una clase y no un Id – Dutchie432

Estás pensando correctamente. Usar el método css(map) es el camino a seguir.

$(".cIconSmall").css({ 
    float: "left", 
    width: "59px", 
    background: "transparent url('http://download.com/47.jpg') no-repeat scroll -132px -1px" 
});

http://api.jquery.com/css/

Un mapa de pares propiedad-valor para establecer.

Podría ser más bonito, ya una clase css, aunque ... a continuación, puedes escribir $(".cIconSmall").addClass("icon47"); pero hay un tiempo para todo ...

Fuente

2011-04-19 18:20:36 hunter

gracias , estaba pensando en agregar una clase, pero mi enlace será diferente cada vez. – Patrioticcow

Lo siento pero no funciona hasta que puse flotante, ancho, backroung alrededor de cotizaciones –

Tenía que hacer esto para que funcione. '$ ('# selector'). Css ({'propiedad': 'val', 'propiedad': 'val'});' –

$(".yourClass").css({ 
    float: "left", 
    width: "59px", 
    background: "transparent url('http://download.com/47.jpg') no-repeat scroll -132px -1px" 
});

Fuente

2017-02-28 11:22:35 Superman

¿Cómo agregar múltiples elementos CSS a un div usando jQuery?

Respuesta

Cuestiones relacionadas