使用 jquery 更改背景图像

Posted

技术标签:

【中文标题】使用 jquery 更改背景图像【英文标题】:Changing background image using jquery 【发布时间】:2011-06-02 11:57:29 【问题描述】:

我有这个 jquery 代码可以在点击时改变背景图像:

$('a.note').click(function()
  $('#full').css('background-image','img/1.jpg');

);

但是,它没有改变。我有什么遗漏吗?

【问题讨论】:

Setting background-image using jQuery CSS property 的可能重复项 【参考方案1】:

您需要在background-image 属性中包含url() 部分。

$('#full').css('background-image','url(img/1.jpg)');

【讨论】:

如何删除点击功能的背景图片!!!谢谢 :)) +我的支持 @getaway:将其设置为空字符串。 .css('background-image',''); 非常感谢,当它让我大声笑时我会接受答案! @getaway:想一想,删除图像的更合适的方法可能是将其设置为“无”.css('background-image','none');,因为这是没有背景图像的正确值。 css3.com/css-background-image 我还想指出,“url”和“(”之间不应该有空格。这让我发疯了几个小时。

以上是关于使用 jquery 更改背景图像的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery 更改多个背景图像

如何使用jquery更改css块的背景图像[重复]

通过 Jquery 仅更改背景图像的 y 位置

我正在尝试使用 php 和 jquery.php 变量更改 div 的背景图像,但未获取值

鼠标摇动时jQuery可拖动背景图像更改

jQuery在悬停时更改(带有淡入淡出动画)div的背景图像