jQuery中each(callback)与each(object[], callback)方法

最新推荐文章于 2020-07-31 10:47:30 发布

中国GZ

最新推荐文章于 2020-07-31 10:47:30 发布

阅读量297

点赞数

文章标签： jquery

本文链接：https://blog.youkuaiyun.com/Gong_Zheng6/article/details/107708190

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Test</title>
		<script type="text/javascript" src="js/jquery-3.2.1.min.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(callback)，使用jQuery对象调用，遍历jQuery对象，每个匹配的元素都会执行该函数参数实参所指函数中的this 指代的是 DOM 对象而非 jQuery 对象
			$("[name='hobby']").each(function (){//只能遍历jQuery对象
				console.log(this);
			});
			//each(object[], callback)：用于遍历对象（可以是jQuery对象）和数组，其中object表示待遍历的jQuery对象或数组；callback表示每个成员/元素执行的回调函数
			$.each(["Jim","Tom","Kate"],function(i,value){//遍历数组
				console.log(i+","+value);
			});
			
			$.each($("[name='hobby']"),function(i,value){//遍历jQuery对象
				console.log(i+","+value);//拼接后value变为String，故结果不同
			});
			$.each($("[name='hobby']"),function(i,value){
				console.log(this);
			});
		</script>
	</body>
</html>

结果：

区别：

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

中国GZ

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

jquery里的each使用方法详解

10-28

有个同事问我each使用方法,我把我知道的用法告诉他.他却说不是这样的.如是在网上小逛了一下,果然用法有很多.下面总结下大慨的使用方法.

jquery中$each()方法的使用指南

12-11

$.each()与$(selector).each()不同, 后者专用于jquery对象的遍历, 前者可用于遍历任何的集合(无论是数组或对象),如果是数组,回调函数每次传入数组的索引和对应的值(值亦可以通过this 关键字获取,但javascript总会...

参与评论您还未登录，请先登录后发表或查看评论

Jquery each

weixin_34402090的博客

12-25

137

jQuery.each( object, callback,arg) each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。 jQuery和jQuery对象都实现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法。换句话说：jQuery提供的each方...

JQuery二级联动（ each(callback)，$.each(object, [callback])）

qq_41566772的博客

11-01

321

1.each(callback) HTML 代码: <img/><img/> jQuery 代码: $("img").each(function(i){ this.src = "test" + i + ".jpg"; }); 结果: [ <img src="test0.jpg" />, <img src=&

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

qq_44687512的博客

07-31

275

1、each(callback)与each(object，[callback])区别：（1）调用对象不同：前者必须使用jQuery对象调用；后者只能使用$调用；（2）遍历对象不同：前者遍历的是jQuery对象；后者还可以遍历数组等非jQuery对象； 2、each(callback) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></tit.

jQuery 对象访问：each(callback)

theowl的专栏

11-27

661

each(callback) 概述以每一个匹配的元素作为上下文来执行一个函数。意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整型）。返回 'false' 将停止循环 (就像在普通

关于jQuery中的each方法(jQuery到底干了什么)

01-19

找到jquery中的each源码：代码如下: each: function( object, callback, args ) { var name, i = 0, length = object.length, isObj = length === undefined || jQuery.isFunction( object ); if ( args ) { if ( ...

jQuery.each使用详解

12-10

`jQuery.each`是jQuery库中的一个核心方法，用于遍历对象和数组。它是一个非常灵活且功能强大的工具，尤其在处理数据迭代时非常有用。这个方法有两个主要的参数：`object`，即需要遍历的对象或数组，以及`callback`...

jQuery each函数源码分析

11-22

jQuery的`each`函数是其核心功能之一，用于遍历数组或对象，并对每个元素或属性执行指定的回调函数。这个函数在JavaScript编程中...在实际开发中，`jQuery.each`经常用于数据处理、DOM操作以及其他需要迭代执行的操作。

jQuery.each(object, [callback])方法，用于处理json数组

pankhong blog

05-05

270

通用例遍方法，可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法，此方法可用于例遍任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。 object:需要例遍的对象或数组。 callback:每个成员/元素执行的回调函数。 jQuery 代码...

JQuery函数：each(callback)

justjavacqq的专栏

08-15

186

each(callback) 以每一个匹配的元素作为上下文来执行一个函数。意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整形）。返回 'false' 将停止循环 (就像在普通的循环中使用 ...

01遍历操作_jquery遍历each(callback)

ginger_mr的博客

03-02

176

01遍历操作_jquery遍历each(callback) 代码演示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用对象访问方式遍历</title> <script type="text/javascript" src="../j...

each(callback)与each(object[, callback])

zyt1204732670的博客

07-31

164

<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> ...

jquery 里的each使用方法

yucf1988的专栏

05-24

9602

<br />jQuery 中的each函数很方便,$.each ()函数封装了十分强大的遍历功能，它可以遍历一维数组、多维数组、DOM , JSON 等等，在javaScript 开发过程中使用$each可以大大的减轻我们的工作量,这里贴一个简单的模仿each的函数,只能处理数组类型的对象<br />1functioneach(arr,fn) {2for( vari = 0, l = arr.length; i < l; fn.call(arr[i], i++));3}4vara=['fir

jquery的each遍历对象、数组、标签

杨葱儿

04-16

9053

jQuery的遍历方法通常被用来遍历DOM元素，用于数组和对象的是$.each()方法，它接受两个参数，分别指代属性名/数组索引和属性值/数组元素：一、$.each()遍历对象和数组 $.each(arrTmp,function(index,value){ //arrTmp数组数据 console.log(index+": "+value) }); $.each(objTm...

each(callback)与each(object[, callback])区别

qq_43527694的博客

07-31

153

$("[name='hobby']").each(function(){//遍历JQuery对象 console.log(this); }); $.each($("[name='hobby']"),function(){//遍历JQuery对象 console.log(this); }); var names=["Jim","Tom","Lucy"]; $.each(names, function(i,value) {//遍历数组 console.log(i+"："=.

JQuey之学“.each(callback)”与“$.each(array,callback)”

WEB_G

03-25

471

这两个函数，我一直都没怎么使用过。今天在看别人的代码的时候，看到了其中的一种。 $.getPOST(url,function(data){ //返回的数据是图片 $.each(data.items,function(i,item){ //创建图片，并添加到body下 $("").attr("src",date.srcurl).appendTo("body");

each(callback) 与each(object[, callback])的区别

liuxiaoxiao

07-31

159

each(callback)：每个匹配的元素都会执行该函数 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script> </head&g

jQuery.data方法详解：数据缓存差异与应用

本文将深入探讨jQuery对象数据缓存的两种常见方法——`.data()` 和 `jQuery.data()` 的工作原理及其区别。这两种方法都是在HTML元素上存储和检索数据，通常用于实现数据缓存，以便在JavaScript中管理和访问元素的...