动态jQuery CSS属性？

Question

我有问题执行以下操作：

var direction = "left"; 
$('#elem').css({"margin-"+direction: "50px"}); 

是没可能有动态属性这样吗？

谢谢

Answer 1

.css(propertyname, value)有另一种变体。如果你想使用对象格式，然后可以把属性名和值作为2个不同的参数

var direction = "left"; 
$('#elem').css("margin-"+direction, "50px"); 

，您可以使用括号符号来指定动态属性

var css = {}; 
css["margin-"+direction] = "50px"; 
$('#elem').css(css); 

Answer 2

删除Curlybraces（{，}）和冒号（:) jQuery代码，并尝试下面的代码

var direction = "left"; 
$('#elem').css("margin-"+direction, "50px"); 

Answer 3

您可以创建JAVASCRIPT对象，然后将该对象应用于CSS。

示例代码：

var style = {property1:"value1", property2:"value2", property3:"value3"}; 

然后你可以用下面的语法运用上述财产。

$('#element').css(style); 

通过使用上述方式，您可以添加动态属性，这将应用使用jQuery。

希望这会有所帮助。