javascript - 如何使用 jQuery/JavaScript 通过用户输入更改 的宽度？

Question

所以，这是我的问题:我有一个 div:

<div id="square"></div>

还有一个输入:

<input type="number" id="width">

这是我的脚本:

var x;
        $("button").click(function(){
            x = $("#width").val();
            $("#square").attr("width", x);
        }

我想要做的是，当用户在 input 中输入一个数字，然后单击一个按钮时，div 的宽度设置为 input 中的数字。谢谢!附言抱歉英语不好。

Answer 1

你可以试试这段代码

var x;
        $("#button").click(function(){
            x = $("#width").val();
            $("#square").css("width", x);
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="square" style="border:1px solid;width:10px;;height:10px"></div>
<input type="number" id="width">
<button type="button" id="button">Click</button>