强大的for循环

强大的for循环

在我们的代码世界里for循环无疑是一个既强大又好用的存在
For循环的作用就是遍历多条数据进行处理
平常我们在给多条元素进行相同样式或相同事件的设置
我们就可以for循环去遍历多条元素在for循环里根据索引书写一次想要设置的样式或事件即可
就不需要给每一条都重新写一遍了
这样就可以帮我们减少了许多代码量
实现以最少的代码量实现强大的功能
当然for循环不单单是能够实现遍历多条数据进行样式或事件的设置
它还可以在循环里嵌套循环
也就是给多条元素添加相同事件触发对另外的多条数据进行样式的设置
如下图

上图实现的功能是循环每一个元素aa添加单击事件触发
每一个bb的字体颜色改为红色
这样实现的功能是多对多的设置
这样的功能我们也不是很常用
上面的for循环里的代码是源生的js写法
如果用jequry的写法难免会出错
如下图

图中的方法click（）是无效的
因为jequry是有固定的写法的
也就是一个$符号加选择器再点出对应的方法
$(“aa”).click()
所以要想用jequry的写法就得配合ID选择器进行使用
配合ID选择器使用是有很多好处的
不仅能够让你使用jequry写法
还能让你实现自动一一对应的功能
这一一对应的功能是我们经常遇到的
当然要想配合ID选择器实现一一对应
元素ID是不能随意设置的
元素ID要从0开始拼接索引值
如下图

可以从图中看出ID设置是拼接了索引值的
再看下图jequry写法实现一一对应

ID设置索引值是为了配合循环的索引值去一一对应指定来实现某个功能
如上图就是通过jeqry的写法拼接ID实现一一对应的赋值
类如给元素a1赋值b1给a2赋值b2
一一对应是常常用到的
对于多条数据一一对应我们就可以配合for循环使用
这可以让我们成十倍、百倍甚至无数倍地减少代码量来实现同等功能
For循环就是如此强大让我们一起来使用它吧