jquery 之for 循环
jquery 的 for 循环:
1、 var userList = [11,22,33,44];
$.each(userList,function(i,item){
console.log(i, item);
});
结果输出:
0 11
1 22
2 33
3 44
用法: $.each() 第一个参数是循环的对象 , 第二个参数对对象中的每一个元素 执行 function函数 ,function 的第一个参数 i 是索引,item 是 循环对象中的每一个元素。
一般的写法: for(var i in userList){} 这里面的 i 是 索引。
如果循环对象是 字典,上面的 i, item 分别是 key , value 。
2、 如果有一个 table 包含多个 tr , 每个 tr 包含多个 td , td 中 有 checkbox 。如果要循环 checkbox 。可以用以下的写法:
function ReverseAll(){
$('table :checkbox').each(function(){
var isChecked = $(this).prop('checked'); // $(this) 获取当前的循环对象,此例中表示 table 中的 checkbox 子元素 集合中的一个元素
if(isChecked) { $(this).prop("checked",false); }
else{ $(this).prop("checked",true); }
}) ;
} //此函数实现对 table表中所有的checkbox 反选功能。
此处用 $('table :checkbox') 选择器 获取的 table 对象中的所有 checkbox 子元素,并且对每个子元素 执行 function 。是一种链式编程。