動態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。

希望這會有所幫助。