javascript - 如何使用 Jquery 编辑元素的样式属性

Question

我需要使用 jQuery 编辑样式属性。这就是我正在尝试做的事情。

我有一个div

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

我需要将背景更改为其他内容，例如image2.png

如何使用 jQuery 做到这一点？

Answer 1

使用.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);