使用javascript迭代添加一个类

我正在用javascript创建一个网格16x16。我还希望网格在鼠标悬停在每个正方形上时做一些事情。问题是，我不知道如何以迭代的方式添加一个类，使每个div得到相同的类

这样做，我将使jQuery通过应用于该类的一个函数来执行操作

这是我现在的密码

var contador = 1;
var outra = document.createElement('div');
outra.id = 'container';
document.body.appendChild(outra);

for (i=1;i<=16;i++){
  for (j=1;j<=16;j++){
    var divCreation = document.createElement('div');
    var created = divCreation;
    created.id = "numero"+ contador;
    console.log(created.id); 
    created.textContent = ". ";
    contador = contador + 1;
    outra.appendChild(created);
  }
}

$('#numero'+contador).hover(function(){
  $(this).css('background-color','yellow');
});

var contador=1；
var outra=document.createElement（'div'）；
outra.id=‘容器’；
文件.正文.附件（outra）；
对于（i=1；i您可以使用选择器

或者为元素提供一个类，并使用该类以元素为目标

这将选择其
id
以您指定的值开头的所有元素，并附加
悬停
事件

当您使用
jQuery
时，为什么要同时使用Vanilla JS和jQuery呢？您可以只使用一种


var contador=1；
变量$outra=$（''{
id:'容器'，
类别：“容器”
});
$（'body'）。追加（$outra）；
对于（i=1；i您可以使用选择器

或者为元素提供一个类，并使用该类以元素为目标

这将选择其
id
以您指定的值开头的所有元素，并附加
悬停
事件

当您使用
jQuery
时，为什么要同时使用Vanilla JS和jQuery呢？您可以只使用一种


var contador=1；
变量$outra=$（''{
id:'容器'，
类别：“容器”
});
$（'body'）。追加（$outra）；
对于（i=1；i如果要为动态创建的元素指定特定的
类，可以使用属性

您的代码如下所示：

divCreation.className = "someClass";

注意：


我不明白为什么要在新变量中设置
divCreation
，它是
没用
不用jQuery检测
hover
，你可以用css来检测，看看下面的演示，或者如果你想保留jQuery，你可以像这样使用类选择器
$（'.box'）。hover（…）

演示：


var outra=document.createElement（'div'）；
outra.id=‘容器’；
var contador=1；
文件.正文.附件（outra）；
对于（i=1；i如果要为动态创建的元素指定特定的
类，可以使用属性

您的代码如下所示：

divCreation.className = "someClass";

注意：


我不明白为什么要在新变量中设置
divCreation
，它是
没用
不用jQuery检测
hover
，你可以用css来检测，看看下面的演示，或者如果你想保留jQuery，你可以像这样使用类选择器
$（'.box'）。hover（…）

演示：


var outra=document.createElement（'div'）；
outra.id=‘容器’；
var contador=1；
文件.正文.附件（outra）；
对于（i=1；i根本不需要使用ID）来说，只需使用一个公共类就可以了


var$outra=$（“”，{id:'container'}）；
对于（i=1；i根本不需要使用ID）来说，只需使用一个公共类就可以了


var$outra=$（“”，{id:'container'}）；
对于（i=1；i从选择器开始使用属性可能不如简单地按类选择快。@MikeMcCaughan关于性能的问题可能是次要的。我觉得答案更多地代替了Op如何解决问题。从选择器开始使用属性可能不如简单地按类选择快ss.@MikeMcCaughan关于性能的问题可能是次要的。我觉得答案更多的是用来代替Op如何解决问题的。为什么不在创建过程中使用
created.className=“whatever”
？为什么不在创建过程中使用
created.className=“whatever”
？