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