jQuery中的$.each()方法
$.each()是对数组,json和dom结构等的遍历
1.遍历一维数组
var arr1=['aa','bb','cc','dd'];$.each(arr1,function(i,val){ //两个参数,第一个参数表示遍历的数组的下标,第二个参数表示下标对应的值console.log(i+'```````'+val);
输出的结果为:
0```````aa 1```````bb 2```````cc 3```````dd
2、遍历二维数组
var arr2=[['aaa','bbb'],['ccc','ddd'],['eee','fff']];
$.each(arr2,function(i,item){ //两个参数,第一个参数表示下标,第二个参数表示一维数组中的每一个数组console.log(i+'````'+item);
输出的结果为:
0````aaa,bbb 1````ccc,ddd 2````eee,fff
3、处理json
var json1={key1:'a',key2:'b',key3:'c'};$.each(json1,function(key,value){ //遍历键值对console.log(key+'````'+value);})
输出的结果为:
key1````a key2````b key3````c
4、处理dom元素
<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>$.each($('input:hidden'),function(i,val){console.log(i+'````'+val);/*0````[object HTMLInputElement]1````[object HTMLInputElement]2````[object HTMLInputElement]3````[object HTMLInputElement]*/console.log(val.name+'`````'+val.value);/* aaa`````111bbb`````222ccc`````333ddd`````444*/})
另一种写法:
$("input:hidden").each(function(i,val){ //第一个参数表示索引下标,第二个参数表示当前索引元素alert(i);alert(val.name);alert(val.value);
});
jQuery中的$.each()方法相关推荐
- 用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
- jQuery中animate( )的方法及$(“body“).animate({‘scrollTop‘:top},500)不被Firefox支持问题的解决
jQuery中animate( )的方法及$("body").animate({'scrollTop':top},500)不被Firefox支持问题的解决 参考文章: (1)jQu ...
- jquery中的map()方法与js中的map()方法
1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...
- jQuery 中的 end 方法
如有错误,欢迎批评指正! jQuery 中的 end 方法,我从 stackoverflow 上的一个回答开始讲: 原文链接: What does the .end() function do in ...
- 原生JS中的三大家族(offset/scroll/client)与jQuery中对应的方法
JS中的offset家族: 一.offsetEWidth与offsetHeight: 获取的是元素的实际宽高 = width + border + padding 注意点: 1.可以获取行内及内嵌的宽 ...
- ajax远程调用,jquery中的ajax方法怎样通过JSONP进行远程调用
关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用 首先介绍下$.ajax的参数 type:请求方式 GET/ ...
- JQuery中ajax,get方法在asmx中的使用
喜大普奔,今天终于完成了一个月前就想完成的一个代码实现.就是在点击一个按钮后禁用按钮,弹出正在操作的提示框,执行完事件后再启用按钮. 以前的想法是Ajax和aspx联用,这样,省页面,也不用对后台代码 ...
- js中的onclick事件和JQuery中的click方法以及on方法事件用法总结
1.onclick是绑定的事件(它是一个事件),注意该事件绑定只是JacaScript中有(js中的),Jquery中并没有此事件,告诉浏览器在鼠标点击时候要做什么 2.click方法(jquery中 ...
- 关于JQuery中的appendTo方法
JQuery中的appendTo方法是会改变页面原有的结构,包括原从页面中取到结构的地方,比如如下代码(代码来自慕课网): <!DOCTYPE html> <html> < ...
- jQuery 中的 get() 方法
jQuery 中的 get() 方法 开发工具与关键技术:Microsoft Visual Studio,jQuery知识 作者:张智鹏 撰写时间:2020 年 8 月 17 日 在 jQuery 中 ...
最新文章
- PHP定时执行任务的实现
- 独家 | R语言中K邻近算法的初学者指南:从菜鸟到大神(附代码&链接)
- hadoop: hdfs API示例
- 让pt-slave-restart支持MariaDB
- 第二阶段站立会议08
- 适配器模式 - 上厕所案例
- 如何编写优雅的代码:05. 设计模式(下)
- GPS信号防丢失、干扰和欺骗——基于雷达的解决方案
- java 虚拟打印机_在java里调用SmartPrinter虚拟打印机的问题
- android 简历
- 微信小程序申请发布流程
- Android桌面小插件——Widget
- 得到大学夏季开学典礼之后感
- python文本去重复_python多个文本组合后去除重复项
- 阿里云国际版ECS云服务器欠费会自动释放吗?
- windows中不能创建的目录
- 哔咔服务器维护时间,哔咔
- 轻量级姿态估计技巧综述
- 后端@RequestBody postman 如何设置
- 【恒指早盘分析】9.20恒指周评及后市思路
热门文章
- 各家银行跨行转账手续费一览表
- 生鲜行业供应商管理系统加强产业链协同,实现供需双赢
- 磁盘配额超出 linux,Linux磁盘配额
- 3Dconnexion SpaceMouse Compact 有线3D鼠标
- 远程访问服务器tensorboard
- 为什么很多善良的人一生痛苦、磨难很多?
- master.HMaster: Failed to become active master
- codepen_CodePen技巧和最佳实践
- 洛谷.3802.小魔女帕琪(概率)
- Tarjan算法——边双和点双