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);