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 相关文章推荐
Javascript学习笔记 delete运算符
Sep 13 Javascript
理解javascript中的回调函数(callback)
Sep 02 Javascript
js制作简易年历完整实例
Jan 28 Javascript
学习Bootstrap组件之下拉菜单
Jul 28 Javascript
jQuery中判断对象是否存在的方法汇总
Feb 24 Javascript
js判断空对象的实例(超简单)
Jul 26 Javascript
Javascript typeof与instanceof的区别
Oct 18 Javascript
javascript中的try catch异常捕获机制用法分析
Dec 14 Javascript
微信小程序 slider 详解及实例代码
Jan 10 Javascript
Node连接mysql数据库方法介绍
Feb 07 Javascript
vue之数据交互实例代码
Jun 20 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
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
PHP性能优化工具篇Benchmark类调试执行时间
2011/12/06 PHP
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
PHP校验15位和18位身份证号的类封装
2018/11/07 PHP
fckeditor 获取文本框值的实现代码
2009/02/09 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
2012/05/27 Javascript
UI Events 用户界面事件
2012/06/27 Javascript
js前台分页显示后端JAVA数据响应
2013/03/18 Javascript
A标签中通过href和onclick传递的this对象实现思路
2013/04/19 Javascript
JS修改iframe页面背景颜色的方法
2015/04/01 Javascript
jQuery Validate初步体验(一)
2015/12/12 Javascript
javascript显示上周、上个月日期的处理方法
2016/02/03 Javascript
Bootstarp风格的toggle效果分享
2016/02/23 Javascript
分享12个实用的jQuery代码片段
2016/03/09 Javascript
jQuery遍历DOM元素与节点方法详解
2016/04/14 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
Windows下快速搭建NodeJS本地服务器的步骤
2017/08/09 NodeJs
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
python进阶教程之动态类型详解
2014/08/30 Python
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
python使用 HTMLTestRunner.py生成测试报告
2017/10/20 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
Django的models中on_delete参数详解
2019/07/16 Python
Django实现后台上传并显示图片功能
2020/05/29 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
详解利用css3的var()实现运行时改变scss的变量值
2021/03/02 HTML / CSS
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
安全责任书范文
2014/08/25 职场文书
给老师的一封感谢信
2015/01/20 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
六五普法学习心得体会
2016/01/21 职场文书
python引入其他文件夹下的py文件具体方法
2021/05/23 Python
Windows下redis下载、redis安装及使用教程
2021/06/02 Redis