jQuery简介(十二)

jQuery简介(十二)

jQuery中each方法的应用

each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等
在javaScript开发过程中使用$each可以大大的减轻我们的工作量。

jQuery中有个很重要的核心方法each,大部分jQuery方法在内部都会调用each,它的主要的原因的就是jQuery的实例是一个元素合集。

例如:找到所有的div,并且都设置样式,css它只是一个方法,所以内部会调用each处理这个div的合集,给每个div都设置style属性。它的代码写法也就是$('div').css(...)。

jQuery的大部分方法都是针元素合集的操作,所以jQuery会提供$(selector).each()来遍历jQuery对象.each只是处理jQuery对象的方法,jQuery还提供了一个通用的jQuery.each方法,用来处理对象和数组的遍历语法。

语法:

var arr = [“a”,”b”,”c”];数组

$.each(arr,functin(index,value))

第一个参数传递的就是一个对象或者数组,第二个是回调函数

index是索引,也就是数组的索引

value就是数组中的值

用for循环遍历数组

var arr = [“a”,”b”,”c”];

for (var i = 0; i < arr.length; i++){

 i = 0:也不一定要用i,i在这只是一个变量的名称,值也不一定要从0开始

i < arr.length:这是一个判断的条件

 i++:这是值的叠加

     console.log(arr[i]); 获取数组中的值在控制台中打印

}

输出,这个方法是一个比较简单的循环语句

for (var item in arr){ 这是用来遍历对象的

Item:索引

 console.log(item,arr[item]); 知道索引在数据库中取出数据

}

$.each(arr, function (a,b,c) {

            console.log(a);

            console.log(b);

            console.log(c);

        })

在这个方法中只接收两个参数 传入多个参数不会报错但没有返回值。

用each方法遍历这个对象

 var str = {

            "name": "小明",

            "age": "13",

            "sex":"男"

        }

     $.each(person, function (key, value) {  Key:键  value:值

            console.log(key, value)

        })

inArray() 在数组中搜索指定的值,并反回其索引。

var inArr = [5, 4, 6, 8, 2, , 7, 3, 9, ];

        var num = $.inArray(2, inArr);

        console.log(num);

trim()方法在jQuery中去空格

用于去除字符串两端的空白字符

 var str = "      sdfsff    ";

        console.log(str);

 var str = "      sdfsff    ";

 str = str.trim();

        console.log(str);

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值