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