什么是jQuery的css语法,用于数值的加法和减法?

Hub*_*bro 4 javascript css jquery

我确定我以前见过这个.这就是我记得的方式

$cnta.css({ top:'+=50' });

不用说,它不起作用:-)

我知道我可以解析css值,操纵结果并将其放回到css中,但这需要两倍的代码.


谢谢你的回答!

use*_*716 8

这适用于.animate():

$cnta.animate({ top:'+=50' }, 0);
Run Code Online (Sandbox Code Playgroud)

因为.css(),您可以传递一个函数来为您添加:

$ cnta.css('top',function(i,current){return parseInt(current)+ 50;});

$cnta.css('top', function(i,current) { return (parseInt(current) + 50 || 50); });?
Run Code Online (Sandbox Code Playgroud)

编辑:将动画从更改10.正如@Nick Craver所说,0动画将起作用.

编辑:为该.css()版本提供更好的答案.如果top还没有给出任何值,那么.parseInt(current)将返回NaN.更新以更正它.

  • +1 - 您也可以将"0"传递给动画,这消除了与1ms动画相关的大量开销;) (2认同)