Javascript Jquery悬停函数不更改类

我已经创建了一个像素网格，希望它在悬停时变为黑色。 问题是该事件不起作用

$（文档）.ready（函数（）{
函数makeGrid（k）{
变量大小=320/k；
对于（变量i=0；i

.square{
边界塌陷：塌陷；
显示：内联块；
}
.集装箱{
文本对齐：-webkit中心；
位置：相对位置；
顶部：50px；
保证金：0自动；
边框：1px实心#000000；
宽度：320px；
高度：320px；
边界塌陷：塌陷；
}
.行{
明确：两者皆有；
内容：“；
高度：20px；
}
.悬停{
背景色：黑色；
}
钮扣{
文本对齐：居中；
背景色：白色；
显示：内联块；
字体大小：20px；
边界半径：2px；
最高：50%；
}
.包裹{
文本对齐：-webkit中心；
}

新电网
开始
重置

由于动态添加div，因此不能使用

.hover（）

，而必须将

.on（）

与

鼠标指针一起使用。另外，在使用
.addClass（）
时，只需使用类的名称，而不加任何句号前缀


$（文档）.ready（函数（）{
函数makeGrid（k）{
变量大小=320/k；
对于（变量i=0；i

.square{
边界塌陷：塌陷；
显示：内联块；
}
.集装箱{
文本对齐：-webkit中心；
位置：相对位置；
顶部：50px；
保证金：0自动；
边框：1px实心#000000；
宽度：320px；
高度：320px；
边界塌陷：塌陷；
}
.行{
明确：两者皆有；
内容：“；
高度：20px；
}
.悬停{
背景色：黑色；
}
钮扣{
文本对齐：居中；
背景色：白色；
显示：内联块；
字体大小：20px；
边界半径：2px；
最高：50%；
}
.包裹{
文本对齐：-webkit中心；
}

新电网
开始
重置
由于动态添加div，因此不能使用
.hover（）
，而必须将
.on（）
与
鼠标指针一起使用。另外，在使用
.addClass（）
时，只需使用类的名称，而不加任何句号前缀


$（文档）.ready（函数（）{
函数makeGrid（k）{
变量大小=320/k；
对于（变量i=0；i

.square{
边界塌陷：塌陷；
显示：内联块；
}
.集装箱{
文本对齐：-webkit中心；
位置：相对位置；
顶部：50px；
保证金：0自动；
边框：1px实心#000000；
宽度：320px；
高度：320px；
边界塌陷：塌陷；
}
.行{
明确：两者皆有；
内容：“；
高度：20px；
}
.悬停{
背景色：黑色；
}
钮扣{
文本对齐：居中；
背景色：白色；
显示：内联块；
字体大小：20px；
边界半径：2px；
最高：50%；
}
.包裹{
文本对齐：-webkit中心；
}

新电网
开始
重置