基于值改变fontSize

Question

这是我的代码：

$("#fontSize").keyup(function() {
    var change = $("#fontSize").val();
    $("#x").text(change + " font size");
})

上面的内容很好，但是我也想用来自#fontSize的值来更改CSS fontSize。

我尝试过添加$( "#x" ).style.fontSize( change );，但是它不起作用，有什么想法吗？

Answer 1

使用jQuery的css方法。

要更改属性，第一个参数是名称。font-size或fontSize.第二个参数是值。例：16px

$('#x').css('font-size', change + 'px');

Answer 2

您应该看看jQuery .css()方法 (它将是您在动态造型方面最好的朋友)。您的代码可以修改如下：

$("#fontSize").keyup(function() {
    var change = $("#fontSize").val();
    $("#x").text(change + " font size");

    // This will set X's font size to change in PIXELS
    $("#x").css('fontSize', change + 'px');
})

Answer 3

您只需将jQuery css()方法font-size链接到jQuery text()方法：

$("#fontSize").keyup(function() {
    var change = $("#fontSize").val();
    $("#x").text(change + " font size").css(fontSize, change + "px");
});

我使用的是fontSize而不是"font-size"，因为我没有使用引号。