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 相关文章推荐
JQuery与Ajax常用代码实现对比
Oct 03 Javascript
Jquery+WebService 校验账号是否已被注册的代码
Jul 12 Javascript
Javascript图像处理思路及实现代码
Dec 25 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
Jan 23 Javascript
jQuery Easyui快速入门教程
Aug 21 Javascript
js中变量的连续赋值(实例讲解)
Jul 08 Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 Javascript
layui layer select 选择被遮挡的解决方法
Sep 21 Javascript
vue封装swiper代码实例解析
Oct 08 Javascript
vue-cli设置css不生效的解决方法
Feb 07 Javascript
JS中箭头函数与this的写法和理解
Jan 14 Javascript
JavaScript实现一键复制内容剪贴板
Jul 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
php采用ajax数据提交post与post常见方法总结
2014/11/10 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
PHP时间戳和日期相互转换操作实例小结
2018/12/18 PHP
PHP的PDO预处理语句与存储过程
2019/01/27 PHP
TP5框架请求响应参数实例分析
2019/10/17 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
xtree.js 代码
2007/03/13 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
2010/11/23 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
2013/01/24 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
2016/04/05 Javascript
JS 实现 ajax 异步浏览器兼容问题
2017/01/21 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
2017/05/07 Javascript
javascript实现延时显示提示框效果
2017/06/01 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
python使用7z解压apk包的方法
2015/04/18 Python
Python中利用原始套接字进行网络编程的示例
2015/05/04 Python
Python使用MONGODB入门实例
2015/05/11 Python
Python实现将16进制字符串转化为ascii字符的方法分析
2017/07/21 Python
python中文分词教程之前向最大正向匹配算法详解
2017/11/02 Python
多个应用共存的Django配置方法
2018/05/30 Python
python版飞机大战代码分享
2018/11/20 Python
详解Python3 pandas.merge用法
2019/09/05 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
python使用hdfs3模块对hdfs进行操作详解
2020/06/06 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
美国杰西潘尼官网:JCPenney
2019/06/12 全球购物
会计专业推荐信
2013/10/29 职场文书
导师评语大全
2014/04/26 职场文书
查摆剖析材料范文
2014/09/30 职场文书
检讨书范文1000字
2015/01/28 职场文书
校本研修个人总结
2015/02/28 职场文书
小学美术教学反思
2016/02/17 职场文书
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python