jquery $.each() 使用小探


Posted in Javascript onAugust 23, 2013
<html> 
<head> 
<title> 
jquery each使用 
</title> 
<script type='text/javascript' src='jquery-1.8.2.min.js'></script> <script type="text/javascript"> 
$(document).ready(function(){ 
//进行遍历一维数组 
var arr1 = [ "aaa", "bbb", "ccc" ]; //同c语言不同时变量值使用[] 而不是{} 
$.each(arr1, function(i,val){ 
alert(i+"前面是下标后面是值"+val); 
}); 
//遍历二维数组 
var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]; 

$.each(arr2, function(i, item){ 
alert(i+"前面是下标后面是值"+item); 

}); 

$.each(arr2, function(i, item){ 

$.each(item,function(j,val){ 


alert(j+"前面是下标后面是值"+val); 
 }); 
}); 
//循环遍历dom对象 
$.each($("input:hidden"), function(i,val){ 
alert(val); //为dom对象 
alert(i); //为下标0 1 2 
alert(val.name); 
alert(val.value); 
}); 
//结果和上面一样 
$("input:hidden").each(function(i,val){ 
alert(i); 
alert(val); 
alert(val.name); 
alert(val.value); 
}); 

}); 
</script> 
</head> 
<body> 
<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"/> 
</body> 
</html>
Javascript 相关文章推荐
JavaScript CSS修改学习第五章 给“上传”添加样式
Feb 19 Javascript
JS中Eval解析JSON字符串的一个小问题
Feb 21 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
Vuejs第十篇之vuejs父子组件通信
Sep 06 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 Javascript
js实现拖拽功能
Mar 01 Javascript
详解微信小程序审核不通过的解决方法
Jan 17 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
express如何解决ajax跨域访问session失效问题详解
Jun 20 Javascript
JavaScript Array对象使用方法解析
Sep 24 Javascript
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
js 时间函数应用加、减、比较、格式转换的示例代码
Aug 23 #Javascript
checkbox使用示例
Aug 23 #Javascript
js为数字添加逗号并格式化数字的代码
Aug 23 #Javascript
Jquery Validate 正则表达式实用验证代码大全
Aug 23 #Javascript
JS获取地址栏参数的小例子
Aug 23 #Javascript
jquery利用ajax调用后台方法实例
Aug 23 #Javascript
点击进行复制的JS代码实例
Aug 23 #Javascript
You might like
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
星际争霸中的对战模式介绍
2020/03/04 星际争霸
php控制文件下载速度的方法
2015/03/24 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
php视频拍照上传头像功能实现代码分享
2015/10/08 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
客户端限制只能上传jpg格式图片的js代码
2010/12/09 Javascript
JavaScript prototype属性深入介绍
2012/11/27 Javascript
js 获取后台的字段 改变 checkbox的被选中的状态 代码
2013/06/05 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
关于vue-cli 3配置打包优化要点(推荐)
2019/04/22 Javascript
js+canvas实现转盘效果(两个版本)
2020/09/13 Javascript
JS操作JSON常用方法(10w阅读)
2020/12/06 Javascript
[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片
2015/02/07 DOTA
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
深入理解python多进程编程
2016/06/12 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
Python os模块常用方法和属性总结
2020/02/20 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
PyCharm中如何直接使用Anaconda已安装的库
2020/05/28 Python
Pytorch mask-rcnn 实现细节分享
2020/06/24 Python
美国知名运动产品零售商:Foot Locker
2016/07/23 全球购物
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
印尼披萨外送专家:Domino’s Pizza印尼
2017/12/28 全球购物
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
公司会计主管岗位责任制
2014/03/01 职场文书
见习期自我鉴定范文
2014/03/19 职场文书
中学生期中自我鉴定
2014/04/20 职场文书
综合实践活动总结
2014/05/05 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
惊涛骇浪观后感
2015/06/05 职场文书
金砖之国观后感
2015/06/11 职场文书
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang