each(callback):遍历jQuery对象,每个匹配的元素都会执行该函数
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/jscript" src="js/jquery-1.8.3.js"></script>
</head>
<body>
<input type="checkbox" name="hobby" value="1" checked="checked"/>足球
<input type="checkbox" name="hobby" value="2"/>篮球
<input type="checkbox" name="hobby" value="3" checked="checked"/>乒乓球
<script>
$("[name='hobby']").each(function(){
console.log(this);
});
</script>
</body>
</html>
each(object[, callback]) :用于遍历对象(可以是jQuery对象)和数组,其中object表示待遍历的jQuery对象或数组;callback表示每个成员/元素执行的回调函数
1、遍历数组
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/jscript" src="js/jquery-1.8.3.js"></script>
</head>
<body>
<input type="checkbox" name="hobby" value="1" checked="checked"/>足球
<input type="checkbox" name="hobby" value="2"/>篮球
<input type="checkbox" name="hobby" value="3" checked="checked"/>乒乓球
<script>
$.each(["Jim","Tom","Tim"], function(i,value) {
console.log(i+","+value);
});
</script>
</body>
</html>
2、遍历jQuery对象
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/jscript" src="js/jquery-1.8.3.js"></script>
</head>
<body>
<input type="checkbox" name="hobby" value="1" checked="checked"/>足球
<input type="checkbox" name="hobby" value="2"/>篮球
<input type="checkbox" name="hobby" value="3" checked="checked"/>乒乓球
<script>
$.each($("[name='hobby']"), function(i,value) {
console.log(this);
});
</script>
</body>
</html>
each(callback)与each(object[, callback])区别
1.调用对象不同:前者必须使用jQuery对象调用;后者只能使用$调用;
2.遍历对象不同:前者遍历的是jQuery对象;后者既可以遍历jQuery对象还可以遍历数组等非jQuery对象;