了解jquery 3.0 中新的循环迭代语法

共计 495 个字符，预计需要花费 2 分钟才能阅读完成。

jquery 3+ 是最新版本的 jquery，目前的最新版本为 jquery3.1.1。从 jquery3.0 版本开始，jquery 修改和引入了一些新的语法和功能，其中最重要的语法修改之一是迭代一个 jquery 对象集合，使用的新语法是 for…in 语法。这种新的变化更符合目前的语言和技术，并且这种语法是 ECMA 6 规范的一部分。

在 jquery3.0 之前，我们要循环一个 jquery 集合，使用的是下面的方法：

var $divElements = $("div");
for (var x=0; x< $divElements.length; x++){$divElements[x].addClass("hide");
}

在这种循环中，我们在循环体中是通过索引值来获取 jquery 集合中的各个元素。

jquery3.0 中推出的新的循环语法如下：

var $divElements = $("div");
var i = 0;
for(var el of $divElements) {el.addClass("hide");
}

在新的语法中，我们在循环体中可以直接获取到 DOM 元素，因此不再需要通过 jquery 集合的索引来获取元素，代码更加简洁了。