$.each() 和$().each 对比

在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。

$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:

$(“input[name=’ch’]”).each(function(i){
if($(this).attr(‘checked’)==true)
{
//一些操作代码

}

回调函数是可以传递参数,i就为遍历的索引。

对于遍历一个数组,用$.each()来处理,简直爽到了极点。例如:

$.each([{“name”:”limeng”,”email”:”xfjylimeng”},{“name”:”hehe”,”email”:”xfjylimeng”},function(i,n)
{
alert(“索引:”+i,”对应值为:”+n.name);
});

参数i为遍历索引值,n为当前的遍历对象.

 

var arr1 = [ “one”, “two”, “three”, “four”, “five” ];
$.each(arr1, function(){
alert(this);
});
输出:one   two  three  four   five
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){
alert(item[0]);
});
输出:1   4   7
var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
alert(obj[key]);
});
输出:1   2  3  4  5

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue、jQuery和原生JS的for循环都可以用于遍历数组或对象,但它们的实现方式有所不同。 1. Vue的v-for指令 Vue提供了v-for指令来遍历数组或对象。它的语法如下: ``` <div v-for="(item, index) in items"> {{ index }} - {{ item }} </div> ``` 其中,`items`是要遍历的数组或对象,`item`表示每个元素的值,`index`表示元素的索引。 Vue的v-for指令会自动追踪每个元素的身份和位置的变化,从而高效地更新页面。 2. jQuery的each方法 jQuery提供了each方法来遍历数组或对象。它的语法如下: ``` $.each(items, function(index, item) { console.log(index, item); }); ``` 其中,`items`是要遍历的数组或对象,`index`表示元素的索引,`item`表示每个元素的值。 jQuery的each方法会遍历所有元素,但不能自动追踪元素的身份和位置的变化。 3. 原生JS的for循环 原生JS提供了for循环来遍历数组或对象。它的语法如下: ``` for (var i = 0; i < items.length; i++) { console.log(i, items[i]); } ``` 其中,`items`是要遍历的数组,`i`表示元素的索引,`items[i]`表示每个元素的值。 原生JS的for循环可以遍历所有元素,但也不能自动追踪元素的身份和位置的变化。 综上所述,Vue的v-for指令比jQuery的each方法和原生JS的for循环更高效、更方便,但需要学习Vue的语法。而jQuery的each方法和原生JS的for循环则更加通用,但需要手动追踪元素的身份和位置的变化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值