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';