jquery, Toute version courte pour changer la position supérieure relativement

Question

Je veux ajouter css position supérieure relativement. si sa position supérieure est 30px, je veux ajouter sa position +30, de sorte que son résultat est 60px.

donc je dois le faire comme ça,

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

est-il un moyen plus court ou moyen effecient de le faire.

Answer 1

Si vous le souhaitez, vous pouvez utiliser la méthode .animate() qui permet des incréments, et utiliser 0 comme durée pour que cela se produise instantanément.

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

exemple à http://www.jsfiddle.net/gaby/Pre8A/1/

Answer 2

JavaScript peut toujours être plus court. Utilisez un outil pour le compresser ou le réduire, ne le faites pas manuellement.

Vous pouvez être plus efficace en obtenant seulement votre bouton une fois. En outre, si vous voulez que les autres voient ce que vous avez l'intention de faire, il est préférable d'utiliser des noms de variables explicatifs.

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

ne hésitez pas à raccourcir ce à

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

post-scriptum La position exacte de l'élément peut être différente de ce que vous avez spécifié dans votre CSS. Si vous rencontrez des problèmes de positionnement, regardez dans la fonction jQuery offset(), position(), etc - voir http://api.jquery.com/category/css/.

Answer 3

une autre way

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

Answer 4

qui ajouterait top courant à 30 résultat 30px30, vous devez utiliser parseInt:

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

Answer 5

Vous devez utiliser

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

Il ajoute seulement 30 à la valeur actuelle. Simple. Cela fonctionne aussi pour toute autre valeur CSS.

Answer 6

De jQuery 1.6, vous pouvez utiliser:

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