javascript - 現在のCSS値に新しい値を追加する方法

Question

私はこのようなcssスタイルを持っています:

#div1 {
    display:block;
    position: fixed;
    top: 30px;
}

値は動的でなければならないため、現在の数値に関係なく、20px をトップ値に追加するにはどうすればよいですか。ありがとう

Answer 1

css()のコールバック関数で新しい値を設定できます。

$('#div1').css('top', function(index ,value) {
    return value + 20;
});

jQuery バージョン 1.6+ の場合、以下を使用できます。

$('#div1').css('top','+=20px') 

Answer 2

$('#div1').css({top: "+20px"});

Answer 3

以下のようにしてみてください...

$('#div1').css('top','20px');