jquery的$().each,$.each的区别与应用
在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。
$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:
$(“input[name=’ch’]”).each(function(index){
if($(this).attr(‘checked’)==true)
{
//操作代码
}
注:回调函数是可以传递参数,index是索引。
对于遍历一个数组,用$.each()来处理,下面列举了几个实例:
实例1:
//使用this关键字
var arr = ['a','b','c']; $.each(arr, function(){ alert(this);//this代表数组中的每个元素 });
实例2:
//回调函数带参数
var arr = ['a','b','c']; $.each(arr, function(k,v){ //k代表索引,v代表数组中每个元素的值 alert('索引:' + k + ',值:' + v); });
实例3:
//遍历二维数组
var arr = [[1,2,3],['a','b','c']]; $.each(arr, function(k,v){ alert(v[0]); });
实例4:
//遍历对象
var obj = {one:1, two:2, three:3, four:4, five:'good'}; $.each(obj, function(key, val) { alert(obj[key]); });