浅谈Jquery中的each办法

本篇文章给大家介绍一下Jquery中的each办法。有必然的参照 价值，有需要的伴侣可以参照 一下，但愿对大家有所帮忙。

引荐教程：jQuery教程

jQuery.each( object, callback,arg)

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(obj,fn,arg)

该办法有三个参数:停止操纵的对象obj，停止操纵的函数fn，函数的参数args。

让我们按照ojb对象停止计议：

1、obj对象是数组

each办法会对数组中子元素的逐个停止fn函数调取，直至调取某个子元素返回的结果为false为止，也就是说，我们可以在供给的fn函数停止处置，使之知足必然前提后就退出each办法调取。当each办法供给了arg参数时，fn函数调取传入的参数为arg，不然为：子元素索引，子元素本身

2、obj 对象不是数组

该办法同1的最大不同是：fn办法会被逐次不思考返回值的停止停止。换句话说，obj对象的所有属性都会被fn办法停止调取，即便fn函数返回false。调取传入的参数同1相似。

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所采纳的一种实现方式。

var arr = ["one", "two", "three", "four", "five"];
var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };
 
    jQuery.each(arr, function() {
        alert(this);
    });
    /*
    one,two,three,four,five
    */
   
    jQuery.each(obj, function(i, val) {
        alert(i+":"+val);
    });
    /*
    one:1 two:2 three:3 four:4  five:5
    */
   
    jQuery.each(arr, function(i, val) {
        alert(i);
    });
    /*
    0,1,2,3,4
    */
   
    jQuery.each(arr, function(i, val) {
        alert(arr[i]);
    });
    /*
    one tow three four five
    */