JQuery에서 $.each와 $(selector).each()의 차이점에 대한 자세한 설명

$(selector).each(function(index,element))

$(“input[name=’ch’]”).each(function(i){    if($(this).attr(‘checked’)==true) {        //一些操作代码    }
})

$.each(Object, function(p1, p2) {      this;       //这里的this指向每次遍历中Object的当前属性值
      p1; p2;     //访问附加参数
 }, ['参数1', '参数2']);

$.each(Array, function(p1, p2){      this;       //这里的this指向每次遍历中Array的当前元素
      p1; p2;     //访问附加参数
 }, ['参数1', '参数2']);

$.each(Object, function(name, value) {      this;      //this指向当前属性的值
      name;      //name表示Object当前属性的名称
      value;     //value表示Object当前属性的值 });

1 $.each(Array, function(i, value) {2       this;      //this指向当前元素3       i;         //i表示Array当前下标4       value;     //value表示Array当前元素5  });6

1 var arr = [ "one", "two", "three", "four"];   
2 $.each(arr, function(){   alert(this);   });  //上面这个each输出的结果分别为：one,two,three,four     3 var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]  
4 $.each(arr1, function(i, item){   alert(item[0]);  });  //其实arr1为一个二维数组，item相当于取每一个一维数组，  //item[0]相对于取每一个一维数组里的第一个值  //所以上面这个each输出分别为：1 4 7     5  var obj = { one:1, two:2, three:3, four:4};  
6 $.each(obj, function(key, val) {   alert(obj[key]);    });  //这个each就有更厉害了，能循环每一个属性  //输出结果为：1 2 3 4

1 <img/><img/>jQuery 代码: 
2 $("img").each(function(i){ 
3 this.src = "test" + i + ".jpg"; 
4 });

 1 <button>Change colors</button> 
 2 <span></span> 
 3 <p></p> 
 4 <p></p> 
 5 <p></p> 
 6 <p></p> 
 7 <p id="stop">Stop here</p> 
 8 <p></p> 
 9 <p></p> 
10 <p></p>

1 $("button").click(function(){ 
2 $("p").each(function(index,domEle){ 
3 $(domEle).css("backgroundColor","wheat"); 
4 if($(this).is("#stop")){ 
5 $("span").text("在p块为#"+index+"的地方停止。"); 
6 return false; 
7 } 
8 });

1 $("button").click(function(){ 
2 $("p").each(function(index){ 
3 $(this).css("backgroundColor","wheat"); 
4 if($(this).is("#stop")){ 
5 $("span").text("在p块为#"+index+"的地方停止。"); 
6 return false; 
7 } 
8 });

$("button").click(function(){ 
  $("li").each(function(){ 
    alert($(this).text()) 
  }); 
});

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; 
}

返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。 
返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。

$.each([{“name”:”limeng”,”email”:”xfjylimeng”},{“name”:”hehe”,”email”:”xfjylimeng”},function(i,n)
{
alert(“索引:”+i,”对应值为：”+n.name);
});

var arr1 = [ “one”, “two”, “three”, “four”, “five” ];
$.each(arr1, function(){
alert(this);
});
输出：one   two  three  four   fivevar arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){
alert(item[0]);
});
输出：1   4   7var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
alert(obj[key]);
});

function add(a,b)
{
alert(a+b);
}function sub(a,b)
{
alert(a-b);
}
add.call(sub,3,1);

var arr = [ “one”, “two”, “three”, “four”];
$.each(arr, function(){
alert(this);
});//上面这个each输出的结果分别为：one,two,three,fourvar arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr1, function(i, item){
alert(item[0]);
});//其实arr1为一个二维数组，item相当于取每一个一维数组，//item[0]相对于取每一个一维数组里的第一个值//所以上面这个each输出分别为：1   4   7var obj = { one:1, two:2, three:3, four:4};
$.each(obj, function(key, val) {
alert(obj[key]);
});//这个each就有更厉害了，能循环每一个属性//输出结果为：1   2  3  4