jquery $.each()使用探讨
更新时间：2013年09月23日 16:22:03 作者：
想必大家对jquery $.each()并不陌生吧，使用它可以进行元素的遍历，下面有个不错的示例，感兴趣的朋友可以参考下
复制代码 代码如下:
<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>
相关文章
这篇文章主要介绍了Jquery.Form 异步提交表单的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
jquery.validate 自定义验证方法及validate相关参数
jquery.validate是一个基于jquery的非常优秀的验证框架，我们可以通过它迅速验证一些常见的输入,并且可以自己扩充自己的验证方法，而且对国际化也有非常好的支持，通过本文给大家介绍jquery.validate 自定义验证方法及validate相关参数，需要的朋友一起学习吧2016-01-01
表单验证一直很繁琐，特别是大点的表单，如果每个input都去单独写验证简直要写死人，最近写了一小段js统一的验证表单内容是否正确。需要的朋友可以参考下2015-09-09
本文将介绍常见的几种使用spinner数字微调器来实现数字加减的功能的方法。非常的简单实用，这里推荐给大家2014-12-12
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
本文为大家介绍下jQuery+JSON+jPlayer实现QQ空间音乐查询，具体的实现过程感兴趣的朋友可以了解下哈，希望对大家有所帮助2013-06-06
这篇文章主要介绍了jQuery实现仿Alipay支付宝首页全屏焦点图切换特效,涉及jQuery插件jquery.kinMaxShow的相关使用技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
最近要实现在web页面上导出excel文件的功能，下面是具体的实现方法及思路2013-04-04
这篇文章主要介绍了一个自己创建的jquery表格插件，实现了基本的json数据的动态加载，自动分页，全选全不选，鼠标悬浮变色，隔行变色等，感兴趣的小伙伴们可以参考一下2015-11-11
jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。2011-04-04
开发前期用自动生产 固定大小的图片 进行 显示，发现不能满足，在前期的时候把保存了原图，现在只能显示原图，原图由于上传时候没有做任何限制所有要使用 图片不完全按比例缩小，下面是代码2013-07-07
最新评论