jQuery中each方法的应用

 

 

jQuery中有个很重要的核心方法each,大部分jQuery方法在内部都会调用each,它的主要的原因的就是jQuery的实例是一个元素合集。

例如:找到所有的div,并且都设置样式,css它只是一个方法,所以内部会调用each处理这个div的合集,给每个div都设置style属性。它的代码写法也就是$('div').css(...)。

jQuery的大部分方法都是针元素合集的操作,所以jQuery会提供$(selector).each()来遍历jQuery对象。

each只是处理jQuery对象的方法,jQuery还提供了一个通用的jQuery.each方法,用来处理对象和数组的遍历语法。上面内容我所说的也就是下面这张截图:

                                                                                          图1

大家也看到了图1,第一个方法的参数传递的就是一个对象或者数组;第二个方法它是个回调函数。index是索引,也就是数组的索引。value就是数组中的值了。

我还有一个要说的是:each就是for循环方法的一个包装,内部就是通过for遍历数组与对象,通过回调函数返回内部迭代的一些参数,第一个参数是当前迭代成员在对象或数组中的索引值(从0开始计数),第二个参数是当前迭代成员与this的引用相同。

也就是请看下面这两张截图:

                                                                                          图2

 

                                                                                             图3

我们看到了图2和图3,它是jQuery.each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false,则停止循环(相当于普通循环中的break);如果返回其他任何值,均表示继续执行下一个循环这样就可以了。

 


版权声明:本文为weixin_44550190原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。