在 jquery 中设置字体大小答案

【问题标题】：set font size in jquery在 jquery 中设置字体大小
【发布时间】：2010-07-13 11:06:27
【问题描述】：

我无法使用 Jquery 更改字体大小。我想更改 div 的字体大小。我已将正文的默认字体大小定义为 12。我尝试将其更改如下，但它不起作用:(

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

【问题讨论】：

标签： jquery

【解决方案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"，但此时必须引用它。

【讨论】：

【解决方案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 属性。

【讨论】：