$.each() 和 $(data).each()的使用

news/2025/1/20 7:46:26/

$.each() 和 $(data).each()的区别

二者都是循环的一种处理
$(data).each()主要用于DOM节点的循环,也可用于一个数据对象的循环,
$.each()主要用于对数据的处理
其实两者都可以处理DOM节点和数据对象,只是一个使用习惯问题

$(data).each()

$("#id input[type='checkbox']").each(function(index,item){console.log(index,item);})
//输出结果
0 <input class="check" name="xk" value="数学" type="checkbox">1 <input class="check" name="xk" value="语文" type="checkbox">2 <input class="check" name="xk" value="英语" type="checkbox">
var list1 =[{"id":1,"name":"小红","age":20},{"id":2,"name":"小明","age":22}];
var list2={"area1":"北京","area2":"上海","area3":"广州"};
$(list1).each(function(index,item){console.log("list1",index,item);});$(list2).each(function(index,item){console.log("list2",index,item);
});//输出结果
list1 0 {id: 1, name: "小红", age: 20}
list1 1 {id: 2, name: "小明", age: 22}
list2 0 {area1: "北京", area2: "上海", area3: "广州"}

$.each()

$.each($(".id input[type='checkbox']"),function(index,item){console.log(index,item);})
//输出结果
0 <input class="check" name="xk" value="数学" type="checkbox">1 <input class="check" name="xk" value="语文" type="checkbox">2 <input class="check" name="xk" value="英语" type="checkbox">
var list1 =[{"id":1,"name":"小红","age":20},{"id":2,"name":"小明","age":22}];
var list2={"area1":"北京","area2":"上海","area3":"广州"};
$.each(list1,function(index,item){console.log("list1",index,item);});$.each(list2,function(key,value){console.log("list2",key,value);
});//输出结果
list1 0 {id: 1, name: "小红", age: 20}
list1 1 {id: 2, name: "小明", age: 22}
list2 area1 北京
list2 area2 上海
list2 area3 广州

综上看来:
$.each() 和 $(data).each()对DOM节点的处理都是一样的
对数据对象的处理,除了数据结构不一样,导致输出结果不一样,其他都是一样的


http://www.ppmy.cn/news/544021.html

相关文章

each的用法

1.数组中的each 复制代码var arr [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个each输出的结果分别为&#xff1a;one,two,three,four var arr1 [[1, 4, 3], [4, 6, 6…

eggs和egg是什么意思_egg是什么

展开全部 egg 英 [eɡ] 美 [ɛɡ] 形容词: eggless 过去式: egged 过去分词: egged 现在分词: egging 第三32313133353236313431303231363533e58685e5aeb931333335313064人称单数: eggs n.蛋&#xff1b;卵&#xff1b;蛋形物 vt.用蛋覆盖&#xff1b;向 ... 扔蛋 vt.怂恿&…

linux下挂载移动硬盘(ntfs格式)

工作中遇到linux系统 Red Hat Enterprise5.7 挂载希捷ntfs格式移动硬盘&#xff0c;会跳出一个ERROR提示框&#xff1a;The volume ‘EAGET-NQH’user the ntfs file system which is not supported by your system. 其中‘EAGET-NQH’为我的移动硬盘名。 查找资料发现linux支…

egg的基本使用

1.首先在编辑器的终端里面&#xff0c;通过脚手架创建基于egg的项目&#xff1a; mkdir egg-example && cd egg-example npm init egg --typesimple npm i 2.编写Controller: 如果你熟悉 Web 开发或 MVC&#xff0c;肯定猜到我们第一步需要编写的是 Controller 和 Rout…

fgets()

在写网络编程时候遇到一个问题&#xff1a;通过fgets读取到了一行输入到缓冲区中&#xff0c;总是要通过strlen()来查下缓冲区中的长度&#xff0c;然后替换。 一开始没懂这个操作&#xff0c;后来查了下资料&#xff0c;原来fgets在读取输入流的时候&#xff0c;会读取你最后…

egg使用egg-socket.io

下载 npm i egg-socket.io --save 使用 plugin.js module.exports.io {enable: true,package: egg-socket.io, }// config.default.js config.io {init: { }, // passed to engine.ionamespace: {/: {connectionMiddleware: [connection],packetMiddleware: [],},/example: …

e.target与e.currentTarget的作用

要说清楚这个东西&#xff0c;还不太好阐述呢&#xff0c;所以&#xff0c;先看看下面的代码&#xff1a; <!DOCTYPE html> <html> <head lang"en"><meta charset"UTF-8"><title></title><style type"text/c…

e.target和e.currentTarget的区别

e.target和e.currentTarget的区别 currentTarget始终是监听事件者&#xff0c;即 直接调用addEventlistener那个节点 而target是事件的真正发出者&#xff0c; 即 触发事件的节点&#xff0c;在click事件中就是被点击的节点。 详解 当触发一个元素的事件时&#xff0c;该事件…