在jquery中设置字体大小

Question

我无法使用Jquery更改字体大小。我想更改div的字体大小。我已将body的默认字体大小定义为12.我尝试按如下方式更改它，但它不起作用：（

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

Answer 1

尝试：

$("#"+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"，但必须引用它。

Answer 2

不是说这更好，只是另一种方式：

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

Answer 3

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

Answer 4

您可以尝试其他方式：

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

jQuery代码：

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

现在您可以根据需要添加更多css属性。