jQuery——each(callback)与each(object，[callback])

最新推荐文章于 2020-10-08 14:59:59 发布

小刘小刘可爱一流

最新推荐文章于 2020-10-08 14:59:59 发布

阅读量246

点赞数

文章标签： jquery html

本文链接：https://blog.csdn.net/qq_44687512/article/details/107707977

版权

1、each(callback)与each(object，[callback])区别：

（1）调用对象不同：前者必须使用jQuery对象调用；后者只能使用$调用；

（2）遍历对象不同：前者遍历的是jQuery对象；后者还可以遍历数组等非jQuery对象；

2、each(callback)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script 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>

3、each(object，[callback])

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script 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(value);
			});
		</script>
	</body>
</html>