Question

这是我的代码：

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

以上工作正常，但我还想使用fontSize中的值更改CSS #fontSize。

我试图添加$( "#x" ).style.fontSize( change );，但它没有用，有什么想法吗？

Answer 1

使用jQuery的css方法。

要更改属性，第一个参数是名称。 if(pri.equals("PM"))或font-size。第二个参数是值。例如：fontSize

16px

Answer 2

你应该看看the jQuery .css() method（它将是你动态造型中最好的朋友）。您的代码可以修改如下：

$("#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

您可以将css()的jQuery font-size方法链接到您的jQuery text()方法：

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

我使用fontSize代替"font-size"，因为我没有使用引号。

Answer 4

这样做：

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

放入文字后

根据值更改fontSize

4 个答案: