jQuery添加到CSS元素

Question

我有我元素的ID。 我需要將給定值（由javascript中的變量確定）添加到元素的CSS屬性之一。 即給定元素id=my_id如何將x添加到該元素的margin-top屬性？

Answer 1

var x = 20;
$('#my_id').css('margin-top', function(index, value) {
    if (isNaN(parseInt(value)))
        return x;

    return parseInt(value) + x
});

Answer 2

var inc = 20;
var mt = parseInt($('#my_id').css('margin-top').replace('px',''));
$('#my_id').css('margin-top',(mt+inc)+"px");

當然，這假設您始終將px用作邊距最高值。 我已經可靠地使用了一段時間。

Answer 3

一種方法是使用jQuery的.animate()方法 ，但將其持續時間設置為0 。 這使您可以將+=運算符作為字符串發送，並連接x的值。

var x = 50;

$('#my_id').animate({marginTop: '+=' + x}, 0);

另一種方法是將函數作為第二個參數傳遞給jQuery的.css()方法 。 返回值將是當前值加x 。 這需要jQuery 1.4或更高版本。

var x = 50;

$('#my_id').css('margin-top', function(i,val) { return (parseInt(val) || 0) + x; });