js原生forEach、map与jquery的each、$.each的区别

 <!DOCTYPE html>
 <html lang="zh">

 <head>
     <meta charset="UTF-8">
     <title>rem phone test</title>
     <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <style>
         *{margin:0;padding:0}
         body{
             font-size:12px;
         }
         p{
             font-size:14px;
         }
        .demo{width:rem;height:20rem;background:#00f}
         ul li{widthL}
     </style>

 </head>

 <body>

 <div class="demo">
     <ul>
         <li></li>
         <li></li>
         <li></li>
         <li></li>
         <li></li>
     </ul>
 </div>
 <script src="http://libs.useso.com/js/jquery/1.8.3/jquery.min.js"></script>
 <script>
 var a = [1,1,1,1,1,1,1];
 //forEach与map的参数顺序与jquery each $.each的顺序正好相反，js的顺序为，先element再index
 a.forEach(function(element,index){
     console.log(element);
 });
 var b = a.map(function(element,index){
    return 2
 });
 console.log(b);
 //jquery的顺序为先index再 element,并且，$.each除了传递 index 与element 还可以传递别的参数，
 //index与element就会失效；
 //注意使用 .each的时候，需要将数组转换为jquery数组；
 $(function(){
     $(a).each(function(index,element){
         console.log(element)
     });

     $.each(a,function(index,element){
         console.log(element);
 //        若需要对element进行jquery方法的操作,需要按照下面这种方式书写，将其转换为jquery对象;
 //        console.log($(element))
     });

 //    $.each传递其它参数用法；
     $.each(a,function(e1,e2,e3){
         console.log(e2);

     },[11,22,33])
 });

 </script>
 </body>

 </html>

相关文章：

http://www.cnblogs.com/mabelstyle/archive/2013/02/19/2917260.html