Изменение атрибута CSS с помощью JQuery

Question

Сегодня мне показали действительно простой способ изменить font-size элемента с помощью jQuery. Выглядело это очень похоже на следующее:

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

Это, очевидно, не работает, но мне было интересно, чего не хватает? Я помню, что это всего лишь одна строка кода.

Примечание: я тоже пробовал jQuery(document.body).css({font-size:5em;});, но безуспешно.

Спасибо.

Answer 1

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

Answer 2

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

Должно работать.

Answer 3

Заключайте в кавычки имена и значения ключей в литералах объектов JavaScript и разделяйте их запятыми, а не заканчивайте их точкой с запятой.

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

Answer 4

Как насчет:

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