jquery $.each() 使用小探
更新时间：2013年08月23日 17:34:44 作者：
jquery each想必大家对此并不陌生吧，它的使用范围还是比较广泛的，下面与大家分享个示例来介绍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 tab"，但有点复杂了，我想写个最简单的，来实现"jquery tab"。而事实上确实很简练2009-05-05
本篇文章给大家详细分析了jQuery中的isPlainObject()使用方法，对此有需求的读者们可以学习下。2018-02-02
jQuery实现获取table中鼠标click点击位置行号与列号的方法
这篇文章主要介绍了jQuery实现获取table中鼠标click点击位置行号与列号的方法,涉及jQuery事件响应及针对table表格元素相关操作技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jQuery Select下拉框操作小结(推荐)的相关资料,非常实用，在前端开发经常可以用到，需要的朋友可以参考下2016-07-07
这篇文章主要介绍了jQuery+ajax读取并解析XML文件的方法,涉及jQuery的ajax方法调用xml文件及针对xml数据的遍历与节点操作相关技巧,需要的朋友可以参考下2016-09-09
无刷新三级联动的实现方法有很多，今天将与大家讨论下jQuery JSON如何实现，感兴趣的朋友们可以参考下哈2013-05-05
本文搜集了大量 jQuery 表格插件，帮助 Web 设计者更好地驾御 HTML 表格，你可以对表格进行横向和竖向排序，设置固定表头，对表格进行搜索，对大表格进行分页，对表格进行滚动，拖放操作等等。这些插件很多都包含详细的教程。2010-04-04
这篇文章介绍了Jquery同辈元素选中/未选中效果的实例代码，有需要的朋友可以参考一下2013-08-08
基于jQuery的输入框在光标位置插入内容, 并选中功能的实现代码，需要的朋友可以参考下。2011-10-10
这篇文章主要介绍了jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果,涉及jQuery基于事件响应机制的页面元素遍历与属性变换操作技巧,需要的朋友可以参考下2016-09-09
最新评论