javascript - 使用 javascript/jquery 获取所有后台属性

Question

我有这样一个元素:

<div style="background-color: #ffffff; background-image: url(image.jpg);></div>

背景属性是使用 jquery 设置的，如下所示:

$('div').css('background-color', '#ffffff');

一旦设置了各种属性，我想将它们全部作为速记声明。我希望只是通过这样做:

var background = $('div').css('background');

会起作用，但它似乎不起作用。

有人对此有解决方案吗？

我唯一能想到的就是进行字符串连接，例如:

var background = $('div').css('background-color') + ' ' + $('div').css('background-image');

然而，这将非常困惑并且需要大量检查，因为并非所有背景变量都已设置，例如位置等。

如果有任何关于如何做到这一点的想法，我们将不胜感激!

Answer 1

您可以将数组传递给 .css() 方法，它会返回一个包含您要求的所有属性值的 array 对象。

var backgroundStuff = [
  "background-color",
  "background-position",
  "background-repeat",
  // ...
];

var props = $(whatever).css( backgroundStuff );
alert(props["background-color"]); // whatever the background color is

这是一个相当新的功能(1.9 版)。