jquery $.each()使用探讨


Posted in Javascript onSeptember 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闭包 推荐
Mar 01 Javascript
Jquery动态进行图片缩略的原理及实现
Aug 13 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
Sep 16 Javascript
Bootstrap前端开发案例二
Jun 17 Javascript
学习Node.js模块机制
Oct 17 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 Javascript
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
webstorm中vue语法的支持详解
May 09 Javascript
vue-router 手势滑动触发返回功能
Sep 30 Javascript
Vue路由的模块自动化与统一加载实现
Jun 05 Javascript
如何让vue长列表快速加载
Mar 29 Vue.js
jQuery ajax dataType值为text json探索分享
Sep 23 #Javascript
jQuery实现类似滑动门切换效果的层切换
Sep 23 #Javascript
JS 实现导航栏悬停效果
Sep 23 #Javascript
jquery购物车实时结算特效实现思路
Sep 23 #Javascript
js下拉菜单语言选项简单实现
Sep 23 #Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 #Javascript
读取input:file的路径并显示本地图片的方法
Sep 23 #Javascript
You might like
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
PHP判断用户是否已经登录(跳转到不同页面或者执行不同动作)
2016/09/22 PHP
tp5.1 框架查询表达式用法详解
2020/05/25 PHP
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
IE与FireFox的JavaScript兼容问题解决办法
2013/12/31 Javascript
javascript向后台传送相同属性的参数即数组参数
2014/02/17 Javascript
利用javascript实现全部删或清空所选的操作
2014/05/27 Javascript
JavaScript中String.match()方法的使用详解
2015/06/06 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
2015/06/19 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
2015/11/24 Javascript
Angularjs实现多个页面共享数据的方式
2016/03/29 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
2016/09/05 Javascript
微信小程序实现锚点定位楼层跳跃的实例
2017/05/18 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
2017/08/20 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
2018/08/13 Javascript
多个vue子路由文件自动化合并的方法
2019/09/03 Javascript
解决layer弹出层中表单不起作用的问题
2019/09/09 Javascript
[01:02:18]VGJ.S vs infamous Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
[39:08]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第一场 12.12
2020/12/16 DOTA
python fabric实现远程操作和部署示例
2014/03/25 Python
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
python的re模块应用实例
2014/09/26 Python
跟老齐学Python之模块的加载
2014/10/24 Python
基于Python新建用户并产生随机密码过程解析
2019/10/08 Python
高中自我鉴定
2013/12/20 职场文书
函授生自我鉴定
2014/03/25 职场文书
征兵宣传标语
2014/06/20 职场文书
单位法定代表人授权委托书
2014/09/20 职场文书
2014年班主任工作总结
2014/11/08 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
党员转正大会主持词
2015/07/02 职场文书
导游词之河北白洋淀
2020/01/15 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python
为什么在foreach循环中JAVA集合不能添加或删除元素
2021/06/11 Java/Android