当前位置主页 > 资料库 > 前端教程 > 了解jquery 3.0 中新的循环迭代语法

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

11-28

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

Previous:
上一篇:使用jquery制作自己的页面返回顶部按钮
Next:
下一篇:javaScript中的随机数方法
返回顶部