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 相关文章推荐
js几个验证函数代码
Mar 25 Javascript
在jquery中处理带有命名空间的XML数据
Jun 13 Javascript
JQuery-tableDnD 拖拽的基本使用介绍
Jul 04 Javascript
javascript按位非运算符的使用方法
Nov 14 Javascript
jquery插件推荐 jquery.cookie
Nov 09 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
浅谈javascript中的加减时间
Jul 12 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
Jul 28 Javascript
jQuery对checkbox 复选框的全选全不选反选的操作
Aug 09 Javascript
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
vue实现留言板todolist功能
Aug 16 Javascript
Vue自定义属性实例分析
Feb 23 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
最常用的8款PHP调试工具
2014/07/06 PHP
简单实用的PHP防注入类实例
2014/12/05 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
Javascript中的异步编程规范Promises/A详细介绍
2014/06/06 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
jQuery获取DOM节点实例分析(2种方式)
2015/12/15 Javascript
Angular 路由route实例代码
2016/07/12 Javascript
js处理层级数据结构的方法小结
2017/01/17 Javascript
jquery插件ContextMenu设置右键菜单
2017/03/13 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
2017/10/14 jQuery
浅谈React Native Flexbox布局(小结)
2018/01/08 Javascript
echarts设置图例颜色和地图底色的方法实例
2018/08/01 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
2020/04/22 Javascript
Vue前端判断数据对象是否为空的实例
2020/09/02 Javascript
用Python进行基础的函数式编程的教程
2015/03/31 Python
Python2包含中文报错的解决方法
2018/07/09 Python
浅谈python连续赋值可能引发的错误
2018/11/10 Python
Python实现的各种常见分布算法示例
2018/12/13 Python
python+selenium 脚本实现每天自动登记的思路详解
2020/03/11 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
Pycharm Git 设置方法
2020/09/15 Python
python搜索算法原理及实例讲解
2020/11/18 Python
OpenCV+Python3.5 简易手势识别的实现
2020/12/21 Python
python 实现逻辑回归
2020/12/30 Python
海淘母婴商城:国际妈咪
2016/07/23 全球购物
Ariat官网:美国马靴和服装品牌
2019/12/16 全球购物
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
物流司机岗位职责
2013/12/28 职场文书
工伤死亡理赔协议书
2014/10/20 职场文书
党员学习群众路线心得体会
2014/11/04 职场文书
2015年班组工作总结
2015/04/20 职场文书
力克胡哲观后感
2015/06/10 职场文书
悬崖上的金鱼姬观后感
2015/06/15 职场文书
公司员工奖惩制度
2015/08/04 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书