js中的forEach和jQuery中的each对比
2014-12-04 14:59
411 查看
对于遍历数组的元素,js和jquery都有类似的方法,js中的是forEach方法,jquery中的则是each方法;
简单的示例如下:
//首先定义一个数组
var arr=['a','b',12];
//当js的forEach方法的匿名函数参数列表只有一个时,代表的是数组的元素值
arr.forEach(function(item){console.log(item); });
输出:
a
b
12
//当js的forEach方法的匿名函数参数列表有两个时,前者代表的是数组的元素值,后者代表的是索引;
arr.forEach(function(item,index){console.log(index+'-'+item); });
输出:
0-a
1-b
2-12
//jquery则不同
<ul class=list>
<li>aaaaa</li>
<li>bbbb</li>
<li>cccccvvv</li>
</ul>
<script type="text/javascript">
//当参数列表是一个时,代表的是元素的索引
$(".list>li").each(function (item) {
document.writeln(item);
})
//0 1 2
//当参数列表是两个时,前面的是索引,后面的是元素值:
$(".list>li").each(function (i, item) {
document.writeln(i + "-" + $(item).text());
})
//0-aaaaa 1-bbbb 2-cccccvvv
</script>
简单的示例如下:
//首先定义一个数组
var arr=['a','b',12];
//当js的forEach方法的匿名函数参数列表只有一个时,代表的是数组的元素值
arr.forEach(function(item){console.log(item); });
输出:
a
b
12
//当js的forEach方法的匿名函数参数列表有两个时,前者代表的是数组的元素值,后者代表的是索引;
arr.forEach(function(item,index){console.log(index+'-'+item); });
输出:
0-a
1-b
2-12
//jquery则不同
<ul class=list>
<li>aaaaa</li>
<li>bbbb</li>
<li>cccccvvv</li>
</ul>
<script type="text/javascript">
//当参数列表是一个时,代表的是元素的索引
$(".list>li").each(function (item) {
document.writeln(item);
})
//0 1 2
//当参数列表是两个时,前面的是索引,后面的是元素值:
$(".list>li").each(function (i, item) {
document.writeln(i + "-" + $(item).text());
})
//0-aaaaa 1-bbbb 2-cccccvvv
</script>
相关文章推荐
- js中的forEach和jQuery中的each对比
- 原生js使用forEach()与jquery使用each遍历数组,return false 的区别
- jquery的each和js原生for循环性能对比
- 原生js使用forEach()与jquery使用each遍历数组,return false 的区别
- JS中的forEach、map方法 与 jQuery的$.each方法
- 原生JS forEach()和map()遍历的区别以及兼容写法,jQuery $.each()和$.map()遍历
- JS forEach和Jquery each
- JS中的forEach、$.each、map方法对比
- JS中利用jquery 获得class 进行判断 for循环和each两种方法
- 滑动变色——js和jQuery对比
- Think in AngularJS:对比jQuery和AngularJS的不同思维模式
- JAVA,JS,PHP中的foreach对比
- Jquery 模板插件 jquery.tmpl.js 的使用方法(2):嵌套each循环,temp调用(使用预编译的模板缓存)
- jQuery避免$符和其他JS库冲突的方法对比
- Array.ForEach 用法 还颇像js的each()方法
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
- 纯JS获取鼠标位置 和 jQuery获取鼠标位置对比
- 原生js获取宽高与jquery获取宽高的方法关系对比
- JS循环和jquery的对比总结
- jQuery避免$符和其他JS库冲突的方法对比