如何使用jQuery修改div背景颜色？代码异常排查求助

你的代码无法修改背景色的核心原因是调用取整方法时缺少Math.前缀：JavaScript中floor是Math对象的内置方法，直接写floor()会触发"未定义"错误，导致整个change_color函数执行失败。

修正步骤： #

• 将所有floor()替换为Math.floor()，确保正确调用取整方法
• （可选规范）给变量r、g、b、rgb添加let声明，避免全局变量污染

修正后的完整代码： #

<html>
    <head>
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    </head>
    <body>
        <div id="color" style="width:100px;height:100px;background-color:grey;">Hello, world!</div>
        <script>
            function change_color()
            {
                let r = Math.floor(Math.random()*256);
                let g = Math.floor(Math.random()*256);
                let b = Math.floor(Math.random()*256);

                let rgb = "rgb(" + r + ", " + g + ", " + b + ")";

                $("#color").css("background-color", rgb);
            }

            setInterval(change_color, 1000);
        </script>
    </body>
</html>

内容的提问来源于stack exchange，提问作者Raghav Indra Singh DiCaprio