jQuery将变量传递给.css（{}）

Question

我有以下功能：

$("#myId").css({left: leftVal+"px", top:topVal+"px"});

这有效。

我正在寻找一种方法来将left: leftVal+"px", top:topVal+"px"添加为变量并生成我的函数：

$("#myId").css({myCSSstuff});

我试过

var myCSSstuff= "left: "+leftVal+"px, top:"+topVal+"px"

但它不起作用。 有没有办法做到这一点？ 感谢名单。

Answer 1

你可以这样做：

var myCSSstuff = { left: leftVal, top: topVal };
$("#myId").css(myCSSstuff);

{}符号用于对象或关联数组。

有两种方法可以添加更多属性：

myCSSstuff.color = 'red';
myCSSstuff['color'] = 'red';

第二种方法允许您使用字符串作为属性名称，即

var prop = 'color';
myCSSstuff[prop] = 'red';