jQuery中each方法的应用

jQuery中each方法的应用
jQuery中有个很重要的核心方法each,大部分jQuery方法在内部都会调用each,其主要的原因的就是jQuery的实例是一个元素合集 ,jQuery的大部分方法都是针元素合集的操作,所以jQuery会提供$(selector).each()来遍历jQuery对象.each只是处理jQuery对象的方法,jQuery还提供了一个通用的jQuery.each方法,用来处理对象和数组的遍历
jQuery.each(array, callback )
jQuery.each( object, callback )
第一个参数传递的就是一个对象或者数组,第二个是回调函数
var arr=[“小A”,“小B”,“小C”];
$.each(arr, function(index, value) {
index是索引,也就是数组的索引
value就是数组中的值了
});
each就是for循环方法的一个包装,内部就是通过for遍历数组与对象,通过回调函数返回内部迭代的一些参数,第一个参数是当前迭代成员在对象或数组中的索引值(从0开始计数),第二个参数是当前迭代成员(与this的引用相同。
jQuery.each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false,则停止循环(相当于普通循环中的break);如果返回其他任何值,均表示继续执行下一个循环。
var arr=[“小A”,“小B”,“小C”];
$.each(arr, function(index, value) {
return false; //停止迭代
});
代码样式:
var arr = [“小A”, “小B”, “小C”];
$.each(arr, function (index, value) {
document.write(“index:”+index+"&&value:"+value+"
");
});

var person = { “name”: “赵敏”, “age”: “23”, “sex”: “女” };
$.each(person, function (property, value) {
document.write(“属性名=” + property + “; 属性值=” + value+"
");
});
var person1 = new Object();
person1.name = “周欣欣”;
person1.age = “12”;
person1.sex = “女”;
$.each(person1, function (property, value) {
console.log(“属性名=” + property + “; 属性值=” + value);
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值