javascript - color - remover atributo jquery




Configurando a imagem de fundo usando a propriedade CSS do jQuery (6)

Além das outras respostas, você também pode usar "background". Isso é particularmente útil quando você deseja definir outras propriedades relacionadas ao modo como a imagem é usada pelo plano de fundo, como:

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

Eu tenho um URL de imagem em uma variável imageUrl e estou tentando configurá-lo como estilo CSS, usando jQuery:

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

Isto parece não estar funcionando, como:

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

none retorna none .

Alguma idéia, o que estou fazendo errado?


Alternativamente ao que os outros estão sugerindo corretamente, acho mais fácil alternar as classes CSS, em vez de configurações CSS individuais (especialmente URLs de imagem de plano de fundo). Por exemplo:

// 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');

Interpolação de string para o resgate.

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

Para aqueles que usam um URL real e não uma variável:

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

Você provavelmente quer isso (para torná-lo como uma declaração normal de imagem de fundo CSS):

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

Você vai querer incluir aspas duplas (") antes e depois do imageUrl assim:

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

Dessa forma, se a imagem tiver espaços, ela ainda será definida como uma propriedade.





css