Javascript 设置css元素的背景图像

我使用以下命令来设置css元素的文本内容

var cell = document.createElement('li');
        cell.textContent = this.labelForIndex(index);

现在我想设置背景图像和颜色……如何使用jQuery进行设置

$(cell).css("background-image","url('mybg.png)");

$(cell).css('background-image', 'url(image-location.jpg)').css('color', '#ABCDEF');

使用。我认为它不那么冗长、更高效、更美观，而且最好（即更易于维护）将样式定义保留在实现之外：

.prettyWithImage { background-image: url(/someimage.jpg); color: red }

$(cell).addClass('prettyWithImage');

您可以使用jQuery css方法的“映射版本”：

$(cell).css({'background-image': 'url("your-bg.png")',
             'background-color': '#abcdef'});

---

但是如果你可以（例如，如果背景图像和颜色总是一样的话）按照卡里姆79告诉你的那样使用

addClass

。

只是一个想法，但是也许“…按照卡里姆79的建议…”听起来会更温和一些？@ricebowl:啊，是的。我知道我的表述有点粗鲁，但在写这篇文章时，我没有想到其他任何东西，对不起：-）。好的……对不起……我是这个网站的新手，所以实际上对它不太了解……我试着打勾，但我只能打勾一个……但许多开发者给我正确的答案……每个问题只能有一个被接受的答案。如果你觉得一个答案比你已经接受的好，你可以改变你已经接受的答案。