Javascript 在进入下一课之前，尝试完全理解此函数

问题1。“makeGrid”只是给这个函数的一个随机名称，还是它背后有一些类似“math.random”的功能

问题2。“$（'.square'）.css（{'width'：squareSize，'height'：squareSize}）；”如果循环已经将Y行设置为16，将X行设置为16，并将其附加到容器中，任务还没有完成吗？为什么这条线的宽度和高度是.45，而这已经在CSS中建立起来了

JQUERY

var numberSquares = 16;
var squareSize = 45;

function makeGrid() {
   for (var x = 0; x < numberSquares; x++) {
      for (var y = 0; y < numberSquares; y++) {
         $("<div class='square'></div>").appendTo('.container');
      }
   }
   $('.square').css({'width': squareSize, 'height': squareSize});
}

---

1） 一些随机名称，2）在代码中更改sq大小允许您在不更改源cssSo的情况下更改不同大小的正方形。基本上，可以删除CSS高度和，因为它们是使用JQuery设置的？未删除，已覆盖

.container {
   background-color: white;
   border: 5px solid black;
   border-radius: 5px;
   width: 720px;
   height: 720px;
   margin: 20px auto;
}
.square {
   background-color: white;
   height: 45px;
   width: 45px;
   float: left;
   opacity: 0;
}