使用jquery增加css值

Question

如何使用jquery增加css值？

我想增加顶部和左边的值，这是我尝试但不起作用的地方：

var left = 5;
$(.object).css("left" + 5);

问题是我需要将值设为整数而不是像“5px”这样的字符串。我需要5才能用数字表达式改变它。

Answer 1

来自.css() documentation：

  

从jQuery 1.6开始，.css（）接受类似于.animate（）的相对值。相对值是以+ =或 - =开头的字符串，用于递增或递减当前值。例如，如果元素的填充左边是10px，则.css（“padding-left”，“+ = 15”）将导致25px的左边填充。

因此，你可以用js变量向左递增：

var left = 5;
$(object).css('left', '+=' + left);

Answer 2

Yankee是对的：

var left = parseInt($(object).css("left")); 

$(object).css('left', left+5);

Answer 3

var left = 5;

$(object).css('left', left+=5);