Question

我想更改css的两个属性，一个属性我希望使用函数调用修改值，另一个属性是直接属性赋值。我想在运行时添加背景图像，并设置属性不重复。以下两个函数我开始知道：

$(selector).css(property,function(index,currentvalue)) for changing value by function call and   other one is :-
$(selector).css({property:value, property:value, ...}) for assigning property.

这里我有两个属性，一个是函数调用，另一个是直接属性。我尝试了以下代码：

$('.xl21684').css('background-image', function () {
return 'url(' + imgs[parseInt(this.innerHTML)] + ')'
})
 $('.xl21684').css({background-repeat: no-repeat})

但它根本不起作用。

Answer 1

如果您想按照自己的方式行事，那么请不要忘记引用该物业和价值以获得正确的结果，因为@Cerbrus说：

('.xl21684').css({'background-repeat': 'no-repeat'});

但你也可以尝试一次：

$('.xl21684').css('background', function () {
return 'url(' + imgs[parseInt(this.innerHTML)] + ') no-repeat';
});

根据您的评论，您可以使用下面的背景速记属性：

background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position];

Answer 2

第一个.css()似乎没问题。第二个只需要一些引用：

$('.xl21684').css({"background-repeat": "no-repeat"});
//                 ^                 ^  ^         ^

这应该有效。

通过Jquery修改css

2 个答案: