如何通过jquery增加/减少当前保证金数量？

Question

给定一个具有未知余量的元素，如何增加它的余量，数字为100px？

例如：

假设原始保证金左是100像素

预期的结果是100像素100像素+从而终于200像素。

Answer 1

$('#element-id').css('margin-left', function (index, curValue) { 
    return parseInt(curValue, 10) + 100 + 'px'; 
}); 

curValue将包括在年底“像素”，所以你会NaN或100px100px为你的结果最终没有使用parseInt第一。

Answer 2

快速/简洁的方式做到这一点：

$('#IDHere').animate({marginLeft: '+=100px'}, 0); 

Here's a quick example of this。 0在单个帧中发生这种情况，如果实际上要为其设置动画效果，请将0更改为所需的毫秒数like this。

Answer 3

$("p").css({marginLeft: function(index, value) { 
    return parseFloat(value) + 100; 
}}); 

Answer 4

你可以简单地实现这一点只使用的CSS（见下例）

$('#element-id').css('margin-left', '+=100px');