jquery下拉菜单的解释
我对javascript / jquery很陌生，现在还不太明白。 我试图使用jQuery学习下拉菜单，我发现这个w3school教程，不过，我似乎无法理解的代码http://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown的某些部分
我的意思是我明白了几乎所有的事情
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
我知道什么是for循环，它是如何工作的，但我不明白i如何工作，当涉及到从HTML文件divs。 例如， var dropdowns有一个包含dropdown-content类的div。 然后，这个变量用于具有length属性的for循环中，但我不明白这个变量的长度是多少。它是1吗？ 然后用var openDropdown = dropdowns[i]这行呢？ var i是0但是var下拉是什么？
var dropdowns = document.getElementsByClassName("dropdown-content");
这会返回一个对象，您可以使用index进行迭代（取值为0,1 ...取决于返回的匹配元素的数量...）
也作为我的价值初始化为0 ...使用下拉[我]将完全变成下拉[0]也如果你有更多的匹配，它会做的工作，而不是再次写同样的事情..
希望这有助于......：D
链接地址: http://www.djcxy.com/p/74997.html