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 新浪背投广告实现代码
Jul 07 Javascript
Jquery 切换不同图片示例代码
Dec 05 Javascript
一个jquery实现的不错的多行文字图片滚动效果
Sep 28 Javascript
深入分析js的冒泡事件
Dec 05 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
javascript与jquery中的this关键字用法实例分析
Dec 24 Javascript
浅谈Sticky组件的改进实现
Mar 22 Javascript
网页中的图片查看器viewjs使用方法
Jul 11 Javascript
hammer.js实现图片手势放大效果
Aug 29 Javascript
prototype.js简单实现ajax功能示例
Oct 18 Javascript
Node.js使用Angular简单示例
May 11 Javascript
JavaScript中callee和caller的区别与用法实例分析
Jun 28 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学习笔记 [预定义数组(超全局数组)]
2011/06/09 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
php使用socket post数据到其它web服务器的方法
2015/06/02 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
PHP多维数组转一维数组的简单实现方法
2015/12/23 PHP
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
2011/10/11 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
2013/07/10 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
2015/06/18 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
简单学习vue指令directive
2016/11/03 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
微信小程序 仿猫眼实现实例代码
2017/03/14 Javascript
js时间查询插件使用详解
2017/04/07 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
vue项目中实现的微信分享功能示例
2019/01/21 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
使用vue for时为什么要key【推荐】
2019/07/11 Javascript
微信小程序自定义底部弹出框功能
2020/11/18 Javascript
[49:31]TFT vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
django ajax json的实例代码
2018/05/29 Python
python学生信息管理系统(初级版)
2018/10/17 Python
Python3的介绍、安装和命令行的认识(推荐)
2018/10/20 Python
python3 线性回归验证方法
2019/07/09 Python
简单的Python调度器Schedule详解
2019/08/30 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
JAVA代码查错题
2014/10/10 面试题
C#的几个面试问题
2016/05/22 面试题
平面设计岗位职责
2013/12/14 职场文书
社保缴纳证明申请书
2014/11/03 职场文书
2014年财务经理工作总结
2014/12/08 职场文书
2015年大学生工作总结
2015/04/21 职场文书
电台广播稿范文
2015/08/19 职场文书
PostgreSQL基于pgrouting的路径规划处理方法
2022/04/18 PostgreSQL