Установить размер шрифта в jquery

Я не могу изменить размер шрифта с помощью JQuery. Я хочу изменить размер шрифта div. Я определил размер шрифта по умолчанию для тела как 12. Я попытался изменить его следующим образом, но он не сработал: (

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

Ответ 1

Try:

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

Поместив значение в кавычки, он станет строкой, а "+$(this).val()+"px определенно не близок к значению шрифта. Существует несколько способов задания свойств стиля элемента:

Использование карты:

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

Использование параметров ключа и значения:

Все они действительны.

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

Вы можете заменить "fontSize" на "font-size", но тогда его нужно будет указывать.

Ответ 2

Не сказать, что это лучше, просто по-другому:

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

Ответ 3

$("#"+styleTarget).css('font-size', newFontSize);

Ответ 4

Вы можете попробовать другой способ:

<div class="content">
        Australia
    </div>

Код jQuery:

$(".content").css({
    background: "#d1d1d1",
    fontSize: "30px"
})

Теперь вы можете добавить больше свойства css, сколько захотите.