位置: 编程技术 - 正文

jQuery中的each()详细介绍(推荐)(jquery $each)

编辑:rootadmin

推荐整理分享jQuery中的each()详细介绍(推荐)(jquery $each),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jqueryeach的用法,举例说明jquery中each函数的使用,举例说明jquery中each函数的使用,jquery.each(),jquery里的each()是什么函数,jquery中each的用法,jquery中each()方法的作用及使用,jquery.each(),内容如对您有帮助,希望把文章链接给更多的朋友!

each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等

在javaScript开发过程中使用$each可以大大的减轻我们的工作量。

下面提一下each的几种常用的用法

each处理一维数组

alert(i)将输出0,1,2

alert(val)将输出aaa,bbb,ccc

each处理二维数组

arr2为一个二维数组,item相当于取这二维数组中的每一个数组。

item[0]相对于取每一个一维数组里的第一个值

alert(i)将输出为0,1,2,因为这二维数组含有3个数组元素

alert(item)将输出为 ['a', 'aa', 'aaa'],['b', 'bb', 'bbb'],['c', 'cc', 'ccc']

对此二位数组的处理稍作变更之后

alert(j)将输出为0,1,2,0,1,2,0,1,2

alert(val)将输出为a,aa,aaa,b,bb,bbb,c,cc,ccc

each处理json数据,这个each就有更厉害了,能循环每一个属性

这里alert(key)将输出one two three

alert(val)将输出one,1,two,2,three,3

jQuery中的each()详细介绍(推荐)(jquery $each)

这边为何key不是数字而是属性呢,因为json格式内是一组无序的属性-值,既然无序,又何来数字呢。

而这个val等同于obj[key]

ecah处理dom元素,此处以一个input表单元素作为例子。

如果你dom中有一段这样的代码

然后你使用each如下

那么,alert(val)将输出[object HTMLInputElement],因为它是一个表单元素。

alert(i)将输出为0,1,2,3

alert(val.name);将输出aaa,bbb,ccc,ddd,如果使用this.name将输出同样的结果

alert(val.value); 将输出,,,,如果使用this.value将输出同样的结果

如果将以上面一段代码改变成如下的形式

可以看到,输出的结果是一样的,至于两种写法究竟区别在哪,我也还不知。此改变运用到上面几段数组的操作也会输出同样的结果。

这样,几个例子的实际结果已经得到答案。接着再继续往下研究,总不能知其然不知其所以然。

从以上的例子中可知jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法。

看下jQuery中的each实现(网络摘抄)

jquery会自动根据传入的元素进行判断,然后在根据判断结果采取apply还是call方法的处理。在fn的实现中,可以直接采用this指针引用数组或是对象的子元素。

1.obj对象是数组

each方法会对数组中子元素的逐个进行fn函数调用,直至调用某个子元素返回的结果为false为止,也就是说,我们可以在提供的fn函数进行处理,使之满足一定条件后就退出each方法调用。当each方法提供了arg参数时,fn函数调用传入的参数为arg,否则为:子元素索引,子元素本身

2.obj 对象不是数组

该方法同1的最大区别是:fn方法会被逐次不考虑返回值的进行进行。换句话说,obj对象的所有属性都会被fn方法进行调用,即使fn函数返回false。调用传入的参数同1类似。

jQuery each函数源码分析 jQuery.each方法用于遍历一个数组或对象,并对当前遍历的元素进行处理,在jQuery使用的频率非常大,下面就这个函数做了详细讲解:代码/*!*jQuery源码分析-ea

jQuery中on绑定事件后引发的事件冒泡问题如何解决 用on绑定时,我把子元素的绑定到document,而把父元素绑定到上级元素,导致returnfalse阻止冒泡无效。!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

jquery 遍历数组 each 方法详解 JQuery拿取对象的方式$(‘#id'):通过元素的id$(‘tagName'):通过元素的标签名$(‘tagNametagName'):通过元素的标签名,eg:$(‘ulli')$(‘tagName#id):通过元素的id和标签

标签: jquery $each

本文链接地址:https://www.jiuchutong.com/biancheng/387284.html 转载请保留说明!

上一篇:jQuery中each()、find()和filter()等节点操作方法详解(推荐)

下一篇:jQuery each函数源码分析(jquery each return)

  • 增值税专用发票怎么开
  • 固定资产入账原值含税价吗
  • 人力资源公司代招的岗位可以去吗
  • 销售购物取得的收入
  • 2019未达起征点免税分录
  • 怎么算应纳企业所得税
  • 员工报销医疗费怎么做账
  • 固定资产怎么确认是不是投入使用了
  • 可控费用包括工资吗
  • 现金预算包括哪些内容,来源是什么
  • 出口退税进项税额可以抵扣吗
  • 政府发的补助金用不用交税
  • 发行债券到期一次还本付息和按月付息哪个发行价格低
  • 支付的水电费属于什么会计科目
  • 税负率是税率吗
  • 银行回单手续费怎么找到对应金额
  • 税收成本如何影响税收管理制度
  • 小规模纳税人进货需要发票吗
  • 海关增值税抵扣是全额抵扣所得税
  • 清卡增值税申报比对不通过的原因
  • 零售通收银
  • 企业税收风险有哪些方面
  • 新办的营业执照多久可以注销
  • 车间固定资产修理费
  • 会计成本核算的三种基本方法
  • 合同印花税交给谁
  • 小规模纳税人开票限额是多少
  • mac桌面的文件夹怎么换到别的地方
  • Win10怎么清除系统
  • 以前年度损益调整借贷方向
  • PHP:curl_multi_getcontent()的用法_cURL函数
  • PHP:pg_convert()的用法_PostgreSQL函数
  • 代理买卖证券款属于什么科目
  • 社会保险个人部分计入什么科目
  • php实现发送邮件
  • 税控系统技术维护费税率
  • v-model的双向绑定原理
  • 人工智能科技向善
  • node.js快速入门
  • javascriptj
  • 可行性研究报告合同属于什么合同
  • 资产减值损失属于营业外支出吗
  • 预提财务费用
  • 工资薪金和外出费用区别
  • 挂靠到运输公司的车转让给个人如何交增值税
  • 长期股权投资的账务处理
  • 其他综合收益转到留存收益
  • 库存盘亏进项税怎么抵扣
  • 一次摊销法的账务处理
  • 资本公积的核算维度是什么
  • 成本核算的会计账户
  • 营业税金及附加会计分录
  • 销售红酒的公司
  • 原始凭证的审核要求有哪些
  • mysql的知识点
  • win10隐藏设置
  • Windows 2003作中转VPN服务器多路由共享上网的方法
  • 怎么压缩视频
  • pe下修改windows下的盘符
  • win10鼠标指针在文本区很小
  • ubuntuiso
  • 电脑怎么调win7系统
  • 如何设置自动删除安装包
  • win7打印机图标显示感叹号
  • 远程调试linux
  • node运行js文件
  • node_modules复制
  • nginx日志路径配置
  • javascript常用函数大全
  • shell脚本 -ne 0
  • 微信扫码开票的记录怎么查询
  • 小规模纳税人土地使用税减免政策
  • 税收科研工作思路
  • 水库占地怎么缴耕地占用税
  • 办税人员怎么绑定电子税务系统
  • 云旅游存在的问题及解决措施
  • 对外销售产品
  • 辽宁省大连市地震
  • 怎么删除天眼查的犯罪记录
  • 地税局面试
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设