<!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

js原生forEach、map与jquery的each、$.each的区别的更多相关文章

  1. js之 foreach, map, every, some

    js中array有四个方法 foreach, map, every, some,其使用各有倾向. 关注点一:foreach 和 map 无法跳出循环,每个元素均执行 foreach 和 map 无法跳 ...

  2. js原生态函数中使用jQuery中的 $(this)无效的解决方法

    原文地址:http://www.jb51.net/article/27238.htm 今天遇到一个听郁闷的问题,正如title所说 js中原生态函数在jQuery 中使用 $(this) 被解析成un ...

  3. js原生方法map实现

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. [HTML5]原生事件绑定和jquery动态事件绑定的区别

    原生事件绑定: <!-- 标签上绑定的事件是由window对象帮助调用,因此方法内的this其实是window对象 --> <label><input type=&quo ...

  5. 原生js使用forEach()与jquery使用each遍历数组，return false 的区别

    原生js使用forEach()与jquery使用each()遍历数组,return false 的区别: 1.使用each()遍历数组a,如下: var a=[20,21,22,23,24]; $.e ...

  6. 使用jQuery.makeArray() 将多种类型转换成JS原生Array

    jQuery.makeArray(obj)这个函数从名字上来看非常easy猜出它的用途:应该是用来将传入的对象转换成一个原生array 再看看官网上对它的解释:Convert an array-lik ...

  7. js中数组的循环与遍历forEach,map

    对于前端的循环遍历我们知道有 针对js数组的forEach().map().filter().reduce()方法 针对js对象的for/in语句(for/in也能遍历数组,但不推荐) 针对jq数组/ ...

  8. 仿jQuery的siblings效果的js原生代码

    仿jQuery的siblings效果的js原生代码 <previousSibling> 属性返回选定节点的上一个同级节点(在相同树层级中的前一个节点). <nextSibling&g ...

  9. js原生的url操作函数，及使用方法。（附：下边还有jquery对url里的中文解码函数）

    js原生的url操作函数,完善的. /*****************************/ /* 动态修改url */ /*****************************/ var ...

随机推荐

  1. struts2笔记10-值栈

    1.问题 提交页面: <h4>注册产品</h4> <form action="save.do" method="post"> ...

  2. cocos2d-x box2d使用调试绘图

    cocos2d-x box2d使用调试绘图 复制TestCpp的GLES-Render.h和GLES-Render.cpp过来. 添加一个成员变量: GLESDebugDraw *m_debugDra ...

  3. 解决Eclipse下第三方库无法导航源代码

    写在前面(的废话):Eclipse无法导航代码,存在的可能性非常多,这里我们只讨论在引用第三方库时无法导航的情况,是一个很简单的Case,但是搜索能力好像不太及格,没找到一针见血的方案,于是自己研究了 ...

  4. Balsamiq Mockups registration code

    最近使用Mockups 进行页面原型设计,发现是未注册的,于是网上查询了下注册码,居然有效,在此记录下.    有需要的朋友也可以试试. Name:Rick Dong     Key:eNrzzU/O ...

  5. Java中，当表单含有文件上传时，提交数据的如何读取

    http://blog.csdn.net/lian_zhihui1984/article/details/6822201

  6. JVM（Java虚拟机）优化大全和案例实战

    堆内存设置 原理 JVM堆内存分为2块:Permanent Space 和 Heap Space. Permanent 即 持久代(Permanent Generation),主要存放的是Java类定 ...

  7. Windows下让Git记住用户名密码(https)

    最近开始跟老板共同维护公司的框架代码,于是毫不犹豫地选择了Git这个驰名的版本控制系统(公司使用的是TFS,但外网访问老是断线). 选择的托管平台是OSChina,原因是其可以新建私有项目. 在拉取和 ...

  8. extern外部方法使用C#简单样例

    外部方法使用C#简单样例 1.添加引用using System.Runtime.InteropServices; 2.声明和实现的连接[DllImport("kernel32", ...

  9. 2014百度之星第四题Labyrinth(DP)

    Labyrinth Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total ...

  10. android手动改动density（dpi）的方法

    Android系统中会依据屏幕分辨率范围,制定默认的density,既320(xhdpi),那么我们也能够手动改动density. 改动的方式在system.prop中改动ro.sf.lcd_dens ...