javascript - seleccionar - saber si un elemento tiene un atributo jquery

Configuración de la imagen de fondo usando la propiedad jQuery CSS

Question

Tengo una URL de imagen en una variable imageUrl y estoy tratando de establecerla como estilo CSS, usando jQuery:

$(''myObject'').css(''background-image'', imageUrl);

Esto parece no estar funcionando, como:

console.log($(''myObject'').css(''background-image''));

none devuelve none .

Alguna idea, ¿qué estoy haciendo mal?

Answer 1

Además de las otras respuestas, también puede utilizar "fondo". Esto es particularmente útil cuando desea establecer otras propiedades relacionadas con la forma en que el fondo utiliza la imagen, como por ejemplo:

$("myObject").css("background", "transparent url(''"+imageURL+"'') no-repeat right top");

Answer 2

Aquí está mi código:

$(''body'').css(''background-image'', ''url("/apo/1.jpg")'');

Disfruta amigo

Answer 3

Cadena de interpolación al rescate.

$(''myObject'').attr(''style'', ''background-image: url("'' + imageUrl +''")'');

Answer 4

Como alternativa a lo que los otros sugieren correctamente, me resulta más fácil alternar las clases de CSS, en lugar de las configuraciones de CSS individuales (especialmente las URL de imagen de fondo). Por ejemplo:

// in CSS 
.bg1 
{
  background-image: url(/some/image/url/here.jpg);
}

.bg2 
{
  background-image: url(/another/image/url/there.jpg);
}

// in JS
// based on value of imageUrl, determine what class to remove and what class to add.
$(''myOjbect'').removeClass(''bg1'').addClass(''bg2'');

Answer 5

Intenta modificar el atributo "estilo":

let imageUrl = ''imageurl.png'';
$(''myOjbect'').css(''background-image'', `url(${imageUrl})`);

Answer 6

Para aquellos que usan una URL real y no una variable:

$(''myObject'').css(''background-image'', ''url(../../example/url.html)'');

Answer 7

Probablemente quieras esto (para hacerlo como una declaración de imagen de fondo CSS normal):

$(''myObject'').css(''background-image'', ''url('' + imageUrl + '')'');

Answer 8

Querrá incluir comillas dobles (") antes y después de imageUrl así:

$(''myOjbect'').css(''background-image'', ''url("'' + imageUrl + ''")'');

De esta manera, si la imagen tiene espacios, todavía se establecerá como una propiedad.

Answer 9

$(''myObject'').css({''background-image'': ''url(imgUrl)'',});