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 相关文章推荐
广告显示判断
Aug 31 Javascript
jquery使用jxl插件导出excel示例
Apr 14 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
Nov 30 Javascript
js+html5实现的自由落体运动效果代码
Jan 28 Javascript
全面了解JavaScript对象进阶
Jul 19 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
基于jQuery实现选项卡效果
Jan 04 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
解决vue-router 二级导航默认选中某一选项的问题
Nov 01 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
Jul 14 Javascript
vue element-ui中table合计指定列求和实例
Nov 02 Javascript
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新手用的Insert和Update语句构造类
2012/03/31 PHP
PHP中数组合并的两种方法及区别介绍
2012/09/14 PHP
PHP 5.5 创建和验证哈希最简单的方法详解
2013/11/07 PHP
详解WordPress开发中wp_title()函数的用法
2016/01/07 PHP
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
2016/12/28 PHP
JavaScript For Beginners(转载)
2007/01/05 Javascript
js原生appendChild的bug解决心得分享
2013/07/01 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
JS对象的深度克隆方法示例
2017/03/16 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
2018/07/24 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
手把手15分钟搭一个企业级脚手架
2019/09/16 Javascript
js实现贪吃蛇小游戏(加墙)
2020/07/31 Javascript
使用python检测手机QQ在线状态的脚本代码
2013/02/10 Python
Python字符串处理之count()方法的使用
2015/05/18 Python
Django后台获取前端post上传的文件方法
2018/05/28 Python
python实现飞机大战
2018/09/11 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
Python+redis通过限流保护高并发系统
2020/04/15 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
汽车专业人才自我鉴定范文
2013/12/29 职场文书
五好关工委申报材料
2014/05/31 职场文书
飞机制造技术专业求职信
2014/07/27 职场文书
中学生爱国演讲稿
2014/09/05 职场文书
2014年度党员自我评议
2014/09/13 职场文书
2014最新开业庆典策划方案(5篇)
2014/09/15 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
自我检讨报告
2015/01/28 职场文书
工作调动申请报告
2015/05/18 职场文书
小马王观后感
2015/06/11 职场文书
2016年大学生党员公开承诺书
2016/03/24 职场文书
MySQL通过binlog恢复数据
2021/05/27 MySQL