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"

но это не работает. Есть ли способ сделать это? Thanx.

Answer 1

Вы можете сделать это так:

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

Запись {} предназначена для объектов или ассоциативных массивов.

Существует два способа добавить дополнительные свойства:

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

Второй подход позволяет использовать строки для имени свойства, т.е.

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