set font size in jquery

Question

I'm not able to change font size using Jquery. I want to change font size of a div. I have defined default font size for body as 12. I tried to change it as follows, but it didn't work :(

$("#SelFontSize").change(function(){ $("#"+styleTarget).css({'font-size':'"+$(this).val()+"px'});     }); 

Answer 1

Try:

$("#"+styleTarget).css({ 'font-size': $(this).val() }); 

By putting the value in quotes, it becomes a string, and "+$(this).val()+"px is definitely not close to a font value. There are a couple of ways of setting the style properties of an element:

Using a map:

$("#elem").css({     fontSize: 20 }); 

Using key and value parameters:

All of these are valid.

$("#elem").css("fontSize", 20); $("#elem").css("fontSize", "20px"); $("#elem").css("font-size", "20"); $("#elem").css("font-size", "20px"); 

You can replace "fontSize" with "font-size" but it will have to be quoted then.

Answer 2

Not saying this is better, just another way:

$("#elem")[0].style.fontSize="20px";