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>
相关文章
30个让人兴奋的视差滚动（Parallax Scrolling）效果网站
视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。今天这篇文章就与大家分享30个视差滚动效果的网页设计作品，一起欣赏（以拖动滚动条方式浏览效果更佳）2012-03-03
这篇文章主要介绍了jQuery实现拖拽可编辑模块功能代码，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-01-01
使用jquery局部刷新(jquery.load)从数据库取出数据
jquery提供了很好的ajax交互，我这里用的是直接返回字符串，用的是jquery.load方法从数据库取出的数据2014-01-01
jquery学习笔记二 实现可编辑的表格，让表格可以自由的编辑。2010-04-04
刚开始学习jQuery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换。2010-04-04
在使用$(#id).attr(color) 获取颜色的时候，ie和ff是不同的，下面有个示例，大家可以参考下2014-03-03
本文将介绍jQuery中如何使用Ajax以及通过代码详解其使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-10-10
这篇文章主要介绍了jQuery表格插件datatables用法，包括分页、排序等功能,是jQuery表格插件datatables比较基础的部分知识,需要的朋友可以参考下2016-01-01
这篇文章主要为大家详细介绍了jQuery内存泄露解决办法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
轻松掌握jQuery中wrap()与unwrap()函数的用法
wrap()能够将指定HTML元素包裹DOM结构,与之相反unwrap()函数则是将DOM去掉^^下面让我们来以两个小例子轻松掌握jQuery中wrap()与unwrap()函数的用法:)2016-05-05
最新评论