<!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. iOS Code Sign error

    出现上述错误,检查是否是证书添加错误

  2. J2SE知识点摘记(五)

    1.        引用数据类型的传递 java用引用代替C++中的指针 fun()方法接收的参数是是Change c1,也就是说说fun()方法接受的是一个对象的引用,所以fun方法中所所做的操作就 ...

  3. 从一个实例，看new FunctionName()的内部机制

    下面的代码: function Dog(name) { this.name = name; Dog.prototype = { shout: function() { alert("I am ...

  4. 将Linux下编译的warning警告信息输出到文件中[整理笔记]

    Linux中,脚本语言环境中,即你用make xxx即其他一些普通linux命令,比如ls,find等,不同的数字,代表不同的含义: 数字 含义 标准叫法0 标准输入  stdin = standar ...

  5. hdu1728逃离迷宫 (利用最短路径思想+优先队列（BFS）)

    Problem Description 给定一个m × n (m行, n列)的迷宫,迷宫中有两个位置,gloria想从迷宫的一个位置走到另外一个位置,当然迷宫中有些地方是空地,gloria可以穿越,有 ...

  6. SSH登陆服务器的简单命令

    SSh 用户名@目标Ip: 回车输入密码:

  7. Tkinter类之窗口部件类

    Tkinter类之窗口部件类 Tkinter支持15个核心的窗口部件,这个15个核心窗口部件类列表如下:窗口部件及说明:Button:一个简单的按钮,用来执行一个命令或别的操作.Canvas:组织图形 ...

  8. 联想A208T ROOT

    前几天,一直陪伴我的海信T89电池挂掉...胀胀的肚子...真可怜 一时之间找不到配套的电池,就借了个手机先用着,就是这 联想A208T ROOT... 话说的配置一般般,勉强够我这样的不怎么玩手机的 ...

  9. Cannot access empty property

    致命错误:不能够进入此空值,位于E:\sunlion\web\down\class\db_sql.php 代码 <?php Class TestClass1{ var $class2; publ ...

  10. 我的小前端 （1）—— 安卓机和ios机的区别

    没有什么特别新技术,就是记录我做移动端遇到的问题 2016-02-16 微信,支付宝和APP都会遇到这些问题 一.安卓机和ios机的区别 1.常用 <head>        <me ...