HTML中详述each（callback）与each（object [，callback]）方法区别

最新推荐文章于 2022-02-22 16:30:11 发布

zzu957

最新推荐文章于 2022-02-22 16:30:11 发布

阅读量543

点赞数

分类专栏： HTML学习文章标签： jquery js javascript

本文链接：https://blog.csdn.net/zzu957/article/details/107708044

版权

HTML学习专栏收录该内容

25 篇文章 0 订阅

订阅专栏

each(callback)

each(callback)：每个匹配的元素都会执行该函数，
each(object[, callback])：用于遍历对象（可以是jQuery对象）和数组，其中object表示待遍历的jQuery对象或数组；callback表示每个成员/元素执行的回调函数
代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" 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);
		})
		$.each(["Jim","Tom","Tim"],function(i,value){
			console. log(i+": "+value);
		});
		console . log($("[name= ' hobby']"));
		$.each($(" [name='hobby']"),function(i,value){
			console.log(value);
		});
</script>
	</body>
</html>

结果显示为：
在这里插入图片描述

区别

1、调用对象不同：前者必须使用jQuery对象调用；后者只能使用$调用；
2、遍历对象不同：前者遍历的是jQuery对象；后者还可以遍历数组等非jQuery对象（如数组元素等）；

zzu957

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML中详述each（callback）与each（object [，callback]）方法区别

each(callback)each(callback)：每个匹配的元素都会执行该函数，each(object[, callback])：用于遍历对象（可以是jQuery对象）和数组，其中object表示待遍历的jQuery对象或数组；callback表示每个成员/元素执行的回调函数代码示例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title
复制链接

扫一扫