Quelqu'un peut Me RAPPELER comment AJOUTER à une valeur .css en utilisant jQuery

Question

Je me sens idiot de poser cette question parce que je devrais le savoir, mais je suis pressé et je ne peux pas non plus pour la vie de ma réflexion du bon terme mettre dans Google pour obtenir la réponse que je cherche.

Fondamentalement en utilisant javascript/jquery je dois dire "ajouter la valeur de varName à la propriété css existante de gauche: 200px;" en utilisant le .css dans jQuery.

J'apprécie l'aide et toute personne qui veut juste rappeler un dev. Je sais que c'est une question simple, alors s'il vous plaît nu avec moi.

Answer 1

Parcourons cette

http://api.jquery.com/css/

//This will set or overwrite the left style property of element 
//selected by elementSelector 
$("elementSelector").css("left", varName); 

alternative css méthode prend un map si vous souhaitez définir plusieurs propriétés à la fois.

$("elementSelector").css({ left: varName }); 

Answer 2

$('.selector').css('opacity', '0.5'); 

ou, pour les multiples:

$('.selector').css({'opacity' : '0.5', 'width' : '100px'}); 

ou, pour une classe spécifique:

$('.selector').addClass('className'); 

http://api.jquery.com/css/

http://api.jquery.com/addClass/

Answer 3

Essayez-vous d'incrémenter la valeur CSS actuelle avec celle de votre variable?

Si oui, utilisez ceci:

var varName = 20; 

$('#element').css('left', '+=' + varName); 

Answer 4

var extra; 
//fiddle with the value of extra 
$("#myElement").css("left", 100 + extra +"px");