jquery, Any kurze Version zu Top-Position relativ zu ändern

Question

Ich möchte Css Top-Position relativ hinzufügen. Wenn seine obere Position 30px ist, möchte ich seine Position +30, hinzufügen, so dass das Ergebnis 60px ist.

so habe ich dies das wie zu tun,

$("#btn").css("top", $("#btn").css("top")+30); 

gibt es einen kürzeren Weg oder effecient Weg, dies zu tun.

Answer 1

Wenn Sie möchten, können Sie die .animate() Methode verwenden, die Inkremente erlaubt, und 0 als Dauer verwenden, so dass es sofort auftritt.

$('#btn').animate({top:'+=10'},0); 

Beispiel bei http://www.jsfiddle.net/gaby/Pre8A/1/

Answer 2

JavaScript kann immer kürzer sein. Verwenden Sie ein Werkzeug, um es zu komprimieren oder zu verkleinern, tun Sie es nicht manuell.

Sie können effizienter sein, indem Sie Ihren Knopf nur einmal erhalten. Wenn Sie möchten, dass andere sehen, was Sie vorhaben, ist es am besten, selbsterklärende Variablennamen zu verwenden.

var btn = $("btn"); 
var top = btn.css("top"); 
btn.css("top", top + 30); 

fühlen sich frei, diese

var btn = $("btn"); 
btn.css("top", btn.css("top") + 30); 

P. S. zu

verkürzen Die genaue Position des Elements kann sich von der in Ihrem CSS angegebenen Position unterscheiden. Wenn Sie Probleme mit der Positionierung haben, schauen Sie in die jQuery-Funktion offset(), position() usw. - siehe http://api.jquery.com/category/css/.

Answer 3

andere way

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

Answer 4

Die aktuellen Top-30 in 30px30 resultierenden hinzufügen würde, sollten Sie parseInt verwenden:

$("#btn").css("top", (parseInt($("#btn").css("top")) + 30) + 'px'); 

Answer 5

Sie

$('#btn').css({top: +30}); 

verwenden sollen Sie fügen hinzu, nur 30 auf den aktuellen Wert. Einfach. Dies funktioniert auch für andere CSS-Werte.

Answer 6

Von 1.6 jQuery können Sie:

$("#btn").css("top", "+=30");