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 相关文章推荐
控制打印时页眉角的代码
Feb 08 Javascript
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
JS中的log对象获取以及debug的写法介绍
Mar 03 Javascript
表单验证插件Validation应用的实例讲解
Oct 10 Javascript
js显示当前日期时间和星期几
Oct 22 Javascript
node.js路径处理方法以及绝对路径详解
Mar 04 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
May 26 Javascript
vue页面加载闪烁问题的解决方法
Mar 28 Javascript
vue devtools的安装与使用教程
Aug 08 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
Jul 29 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 Javascript
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
搜索引擎技术核心揭密
2006/10/09 PHP
php颜色转换函数hex-rgb(将十六进制格式转成十进制格式)
2013/09/23 PHP
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
PHP数组相关函数汇总
2015/03/24 PHP
PHP实现对数组分页处理实例详解
2017/02/07 PHP
精通Javascript系列之数值计算
2011/06/07 Javascript
Node.js开发指南中的简单实例(mysql版)
2013/09/17 Javascript
对Web开发中前端框架与前端类库的一些思考
2015/03/27 Javascript
JavaScript中String.prototype用法实例
2015/05/20 Javascript
简单的JS时钟实例讲解
2016/01/13 Javascript
js基于cookie记录来宾姓名的方法
2016/07/19 Javascript
微信小程序 二维码canvas绘制实例详解
2017/01/06 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
JS实现排行榜文字向上滚动轮播效果
2019/11/26 Javascript
JS实现分页导航效果
2020/02/19 Javascript
Django中间件工作流程及写法实例代码
2018/02/06 Python
python获取磁盘号下盘符步骤详解
2019/06/19 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
在pytorch中实现只让指定变量向后传播梯度
2020/02/29 Python
Python根据字典的值查询出对应的键的方法
2020/09/30 Python
sklearn中的交叉验证的实现(Cross-Validation)
2021/02/22 Python
英国奢侈品概念店:Base Blu
2019/05/16 全球购物
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
自主招生自荐信指南
2014/02/04 职场文书
情人节活动策划方案
2014/02/27 职场文书
医院保洁服务方案
2014/06/11 职场文书
上海世博会志愿者口号
2014/06/17 职场文书
圣诞节开幕词
2015/01/29 职场文书
幼儿园万圣节活动总结
2015/05/05 职场文书
2015年敬老院工作总结
2015/05/18 职场文书
我在伊朗长大观后感
2015/06/16 职场文书
《索溪峪的野》教学反思
2016/02/19 职场文书
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript