Changing CSS attribute with JQuery

Question

Today I was shown a really simple way to change the font-size of an element using jQuery. It looked very similar to the following:

<script  type="text/javascript">
    jQuery(document.body) ({font-size:5em;});
</script>

This obviously doesn't work, but I was wondering what's missing? I remember it being just one line of code.

Note: I have tried jQuery(document.body).css({font-size:5em;}); as well, without success.

Thanks.

Dogbert · Accepted Answer · 2011-01-21 20:39:21Z

7

jQuery('body').css({fontSize:'5em'});

answered Jan 21, 2011 at 20:39

Dogbert

224k43 gold badges419 silver badges416 bronze badges

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

1 Comment

Hanna Over a year ago

Yeah, this code works! I've actually tried this in the past and it didn't work, my problem was that I kept it in the head tags instead of putting it at the bottom.

PeeHaa · Accepted Answer · 2011-01-21 20:40:16Z

5

$('body').css('font-size', '5em');

Should work.

answered Jan 21, 2011 at 20:40

PeeHaa

73.1k60 gold badges195 silver badges264 bronze badges

Comments

Quentin · Accepted Answer · 2011-01-21 20:39:10Z

2

Quote key names and values in JavaScript object literals, and separate them with commas, don't terminate them with semi-colons.

{
    "font-size": "5em"
}

answered Jan 21, 2011 at 20:39

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

Spaceghost · Accepted Answer · 2011-01-21 20:40:57Z

1

How about:

<script  type="text/javascript">
$("body").css("font-size","70%");
</script>

answered Jan 21, 2011 at 20:40

Spaceghost

7,0433 gold badges31 silver badges42 bronze badges

Collectives™ on Stack Overflow

Changing CSS attribute with JQuery

4 Answers 4

1 Comment

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Linked

Related