细分这个jQuery代码

Question

这是我发给S \ O的第一篇文章，我试图了解下面的代码及其工作原理，以便我更好地了解如何实现自己的代码。

我正在通过Odin项目，我仍然坚持创建一个16 x 16网格。我选择查看一个示例，但我不确定完全是如何工作的。

以下是代码：

function createGrid(x) {
    for (var rows = 0; rows < x; rows++) {
        for (var columns = 0; columns < x; columns++) {
            $("#container").append("<div class='grid'></div>");
        };
    };
    $(".grid").width(640/x);
    $(".grid").height(640/x);
};

我不明白为什么需要底线两条线。我认为循环足以创建网格？

提前致谢。

Answer 1

最后两行只是将每个DIV的宽度和高度重置为一个“网格”类到640除以网格创建的行数/列数。

可以想象，设置高度/宽度的代码逻辑可以在.append（）调用之后立即包含，但这是个人偏好的问题。