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集合的索引来获取元素,代码更加简洁了。