0

我需要用 jQuery 编辑样式属性。这是我想要做的。

我有一个 div

<div style="background:url('images/image.png') no-repeat scroll 0 0 transparent;color:red;">
hello
</div>

我需要将其更改background为其他类似image2.png

我怎么能用 jQuery 做到这一点?

4

2 回答 2

3

使用.css()

$('div').css('background', 'url(images/image2.png)')

要设置整个背景字符串,可以使用属性映射:

var cssObj = {
  'background-image': 'url(images/image2.png)',
  'background-repeat': 'no-repeat',
  'background-attachment': 'scroll',
  'background-position': '0 0',
  'background-color': 'transparent'
}
$('div').css(cssObj);
于 2012-04-21T19:02:51.967 回答
1
$(function(){
   var cssObj = {
      'background-image' : 'url(http://www.mousescrappers.com/forums/xperience/icons/teacups24.png)',
      'background-repeat' : 'no-repeat',      
    }
   $("div").css(cssObj);
});

上面的脚本在准备好的文档上加载图像。请注意,它会为所有 Div 加载。所以你最好更具体地了解元素(使用 Id 或 class 作为选择器)

示例http://jsfiddle.net/XsRuC/9/

于 2012-04-21T19:10:56.877 回答