jquery中each函数

liulanghan110

jQuery.each( object, callback,arg)
jquery中的each函数很方便,$.each()函数封装了十分强大的遍历功能，它可以遍历一维数组、多维数组、DOM, JSON 等等，在javascript开发过程中使用$each可以大大的减轻我们的工作量.
jQuery和jQuery对象都实现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法。换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。
jQuery.prototype.each = function(fn, args) {        return jQuery.each(this, fn, args);    } 
让我们看一下jQuery提供的each方法的具体实现，

jQuery.each = function(obj, fn, args) {        if (args) {            if (obj.length == undefined) {                for (var i in obj)                    fn.apply(obj, args);            } else {                for (var i = 0, ol = obj.length; i < ol; i++) {                    if (fn.apply(obj, args) === false)                        break;                }             }        } else {            if (obj.length == undefined) {                for (var i in obj)                    fn.call(obj, i, obj);            } else {                for (var i = 0, ol = obj.length, val = obj[0]; i < ol && fn.call(val, i, val) !== false; val = obj[++i]) { }}        }        return obj;} 
需要特别注意的是each方法中fn的具体调用方法并不是采用简单的fn(i,val)或fn(args),而是采用了fn.call(val,i,val)或fn.apply(obj.args)的形式，这意味着，在你自己的fn的实现中，可以直接采用this指针引用数组或是对象的子元素。这种方式是绝大多数jQuery所采用的一种实现方式。