84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
Document 1 2 3 4
1
2
3
4
这是一个网上的选项卡的例子，然后不太懂例子中js部分，第二次for循环的意思是什么。。。QAQ
外面一层的for，主要是为了给每一个选项卡按钮绑定onclick事件。
onclick
而里面的这个for，是在绑定的onclick事件之内，它的作用是，当点击了被绑定的选项卡时，遍历所有的选项卡，把不是当前点击的选项卡都重置成隐藏状态，然后这个for事件之内，它的作用是，
for
下面的：
this.className="active"; ap[this.index].style.display="block";
是把当前点击项对应的标签页显示出来。这样，就只有当前点击项对应的标签会显示出来，其余的标签页都被隐藏。如果没有这个for，当你点击第一个标签，第一个标签显示出来。然后你点击了第二个标签，第二个标签显示出来，现在就有第一个和第二个标签页同时显示；
这样，到最后，你点完所有的标签按钮时，所有的标签页都显示出来，这显然不是标签页的效果。for
大致的功能是要实现点击切换到该选项卡。所谓切换，就是其他隐藏，当前显示。而你说的那部分就是隐藏所有 input 的。就是每次点击是，都遍历一次 所有 input, 去掉 class 和 display 属性，藏起来，然后单单为 this, 也就是当前点击项加上 class 和 display 属性，显示出来
我给代码打上注释，看到注释就知道了！代码原理就是先清除所有input的类名和隐藏所有的p，然后给当前点击的input加上类名，显示当前索引对应的p!
外面一层的for，主要是为了给每一个选项卡按钮绑定
onclick事件。而里面的这个for，是在绑定的
当 点击了被绑定的选项卡时，遍历所有的选项卡，把不是当前点击的选项卡都重置成隐藏状态，然后这个onclick事件之内，它的作用是，当点击了被绑定的选项卡时，遍历所有的选项卡，把不是当前点击的选项卡都重置成隐藏状态，然后这个
for事件之内，它的作用是，下面的：
是把当前点击项对应的标签页显示出来。
接着你点击了第三个标签，前面两个没有隐藏，而第三个标签页显示出来，…………这样，就只有当前点击项对应的标签会显示出来，其余的标签页都被隐藏。
如果没有这个for，当你点击第一个标签，第一个标签显示出来。
然后你点击了第二个标签，第二个标签显示出来，现在就有第一个和第二个标签页同时显示；
这样，到最后，你点完所有的标签按钮时，所有的标签页都显示出来，这显然不是标签页的效果。
为了使当前点击之外的标签页都隐藏掉，所以在显示当前标签页之前，先用遍历，把所有标签页隐藏。for大致的功能是要实现点击切换到该选项卡。
所谓切换，就是其他隐藏，当前显示。
而你说的那部分就是隐藏所有 input 的。
就是每次点击是，都遍历一次 所有 input, 去掉 class 和 display 属性，藏起来，
然后单单为 this, 也就是当前点击项加上 class 和 display 属性，显示出来
我给代码打上注释，看到注释就知道了！代码原理就是先清除所有input的类名和隐藏所有的p，然后给当前点击的input加上类名，显示当前索引对应的p!