jQuery-each方法
jQuery-each方法
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术: Adobe Dreamweaver CC 2019
作者:何振森
撰写时间:2021/5/6
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
在原生js中有一个方法叫forEach方法,而在jQuery中也有一个类似的方法那就是eash方法,那么它们之间有什么不同?有一个细微的不同,接下来看一下代码吧
这是原生js的:
但是,原生的forEach方法只能遍历数组,而不能遍历伪数组
为什么不能遍历伪数组?看一下下面的代码
什么是伪数组?
有0到length-1的属性,并且有length属性
我上面的代码是不是到满足伪数组的条件?那么让我们看一下运行结果吧
报错了显示找不到这个方法
来源这里显示这个方法是错误的,那就证明了forEach方法是不能遍历伪数组的
接下来,来看一下jQuery写的代码吧!
需要注意的是:each方法传回来的参数跟js的不同each第一个传回来的是遍历到的元素,而forEach第一个传回来的是索引
接下来我们来看看一下each方法能不能遍历伪数组吧
经过实测each是可以遍历伪数组的,注意:each方法遍历伪数组的时候,索引是在前面的
建议大家以后都使用each方法吧!毕竟比较方便而且还能遍历伪数组