如何通過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');