关于jQuery中的each方法(jQuery到底干了什么)

1. 估计很多人都会用到jQuery中的each方法。

那就来看一看jQuery都干了些什么。

找到jquery中的each源码：

复制代码 代码如下:

each: function( object, callback, args ) {
var name, i = 0,
length = object.length,
isObj = length === undefined || jQuery.isFunction( object );

if ( args ) {
if ( isObj ) {
for ( name in object ) {
if ( callback.apply( object[ name ], args ) === false ) {
break;
}
}
} else {
for ( ; i < length; ) {
if ( callback.apply( object[ i++ ], args ) === false ) {
break;
}
}
}

// A special, fast, case for the most common use of each
} else {
if ( isObj ) {
for ( name in object ) {
if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
break;
}
}
} else {
for ( ; i < length; ) {
if ( callback.call( object[ i ], i, object[ i++ ] ) === false ) {
break;
}
}
}
}

return object;
},

复制代码 代码如下:

$.each($(".demo"),function(){
console.log("show");
});

复制代码 代码如下:

<a href=""></a>
<a href=""></a>
<a href=""></a>

复制代码 代码如下:

console.log(Object.prototype.toString(object));
console.log(length);

复制代码 代码如下:

$(function(){
});

复制代码 代码如下:

$.each($(".demo"),function(a,b){
console.log(a + "" + $(a).attr("class"));
})

复制代码 代码如下:

callback.call( object[ i ], i, object[ i++ ] )

复制代码 代码如下:

callback.call(obj,args)

复制代码 代码如下:

callback.apply([obj],args)