jquery - 使用 jquery 增加 css 值

Question

如何使用 jquery 增加 css 值？

我想增加诸如顶部和左侧之类的值，这是我尝试过但不起作用的方法：

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

问题是我需要这个值是一个整数而不是像“5px”这样的字符串。我需要 5 以便我可以用数值表达式更改它。

Answer 1

来自.css() 文档：

从 jQuery 1.6 开始，.css() 接受类似于 .animate() 的相对值。相对值是一个以 += 或 -= 开头的字符串，用于增加或减少当前值。例如，如果一个元素的 padding-left 为 10px，.css( "padding-left", "+=15" ) 将导致总 padding-left 为 25px。

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

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

Answer 2

洋基是对的：

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

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

Answer 3

var left = 5;

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