Can someone REMIND me how to ADD to a .css value using jQuery

Question

I feel silly asking this because I should know it but I'm in a hurry and I also can't for the life of my think of the right term to put into Google to get the answer I'm looking for.

Basically using javascript/jquery I need to say "add varName's value to the existing css property of left:200px;" using the the .css in jQuery.

No I'm using the .css function. That's not the issue :p It's simpler than that. — Tyler Willingham
– Tyler Willingham, Commented Aug 31, 2011 at 2:58
No I'm using the .css function. That's not the issue :p It's simpler than that. I actually just need to know how actually ADD the value of varName to the EXISTING CSS value — Tyler Willingham
– Tyler Willingham, Commented Aug 31, 2011 at 2:58

ShankarSangoli · Accepted Answer · 2012-02-17 20:27:07Z

2

Go through this

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

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

Alternatively css method takes a map if you want to set multiple properties at once.

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

edited Feb 17, 2012 at 20:27

answered Aug 31, 2011 at 2:57

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Joseph Silber · Accepted Answer · 2011-08-31 03:00:11Z

2

Are you trying to increment the current CSS value with the one in your variable?

If so, use this:

var varName = 20;

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

answered Aug 31, 2011 at 3:00

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

2 Comments

Don Zacharias Over a year ago

@Joseph Silber I never realized you could do that!

Joseph Silber Over a year ago

@Don Zacharias: It's a relatively new feature. It was introduced in jQuery 1.6, I think. It's in the docs: api.jquery.com/css (search for +=).

kiddailey · Accepted Answer · 2011-08-31 02:59:57Z

0

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

or, for multiples:

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

or, for a specific class:

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

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

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

answered Aug 31, 2011 at 2:59

kiddailey

3,7643 gold badges27 silver badges24 bronze badges

Comments

Don Zacharias · Accepted Answer · 2011-08-31 03:09:22Z

0

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

answered Aug 31, 2011 at 3:09

Don Zacharias

1,5842 gold badges14 silver badges32 bronze badges

Collectives™ on Stack Overflow

Can someone REMIND me how to ADD to a .css value using jQuery

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related