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 作用域使用说明
Aug 13 Javascript
有道JavaScript监听浏览器的问题
Jun 23 Javascript
Javascript面象对象成员、共享成员变量实验
Nov 19 Javascript
基于jquery可配置循环左右滚动例子
Sep 09 Javascript
js 表单提交后按钮变灰的实例代码
Aug 16 Javascript
基于jQuery实现表单提交验证
Nov 24 Javascript
JavaScript的RequireJS库入门指南
Jul 01 Javascript
jQuery数据类型小结(14个)
Jan 08 Javascript
js事件源window.event.srcElement兼容性写法(详解)
Nov 25 Javascript
Node.js五大应用性能技巧小结(必须收藏)
Aug 09 Javascript
element el-input directive数字进行控制
Oct 11 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
Nov 13 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
Laravel学习教程之View模块详解
2017/09/18 PHP
PHP与以太坊交互详解
2018/08/24 PHP
如何实现JS函数的重载
2006/09/22 Javascript
javascript 兼容FF的onmouseenter和onmouseleave的代码
2008/07/19 Javascript
基于jquery的direction图片渐变动画效果
2010/05/24 Javascript
jQuery之字体大小的设置方法
2014/02/27 Javascript
Javascript字符串浏览器兼容问题分析
2014/12/01 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
js实现的页面矩阵图形变换特效
2016/01/26 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
详解JS-- 浮点数运算处理
2016/11/28 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
2017/03/21 Javascript
微信小程序页面开发注意事项整理
2017/05/18 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
js基于canvas实现时钟组件
2021/02/07 Javascript
使用Python的Supervisor进行进程监控以及自动启动
2014/05/29 Python
结合Python的SimpleHTTPServer源码来解析socket通信
2016/06/27 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
Python计算库numpy进行方差/标准方差/样本标准方差/协方差的计算
2018/12/28 Python
Python实现word2Vec model过程解析
2019/12/16 Python
Python GUI自动化实现绕过验证码登录
2020/01/10 Python
如何基于Python实现数字类型转换
2020/02/07 Python
解决pycharm同一目录下无法import其他文件
2020/02/12 Python
解决Python图形界面中设置尺寸的问题
2020/03/05 Python
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
研讨会主持词
2014/04/02 职场文书
大学感恩节活动策划方案
2014/10/11 职场文书
2014年控辍保学工作总结
2014/12/08 职场文书
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript
python ConfigParser库的使用及遇到的坑
2022/02/12 Python
阿里云ECS云服务器快照的概念以及如何使用
2022/04/21 Servers
css清除浮动clearfix:after的用法详解(附完整代码)
2023/05/21 HTML / CSS