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变量声明
Nov 20 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
javascript事件冒泡和事件捕获详解
May 26 Javascript
jQuery中队列queue()函数的实例教程
May 03 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
Javascript闭包与函数柯里化浅析
Jun 22 Javascript
Ajax使用原生态JS验证用户名是否存在
May 26 Javascript
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
微信小程序的mpvue框架快速上手指南
May 15 Javascript
vue+element实现图片上传及裁剪功能
Jun 29 Javascript
详解Vue router路由
Nov 20 Vue.js
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学习之数据类型之间的转换代码
2011/05/29 PHP
php站内搜索关键词变亮的实现方法
2014/12/30 PHP
php使用类继承解决代码重复的问题
2015/02/11 PHP
浅谈PHP中静态方法和非静态方法的相互调用
2016/10/04 PHP
php 如何设置一个严格控制过期时间的session
2017/05/05 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
SuperSlide2实现图片滚动特效
2014/06/20 Javascript
浅谈JavaScript for循环 闭包
2016/06/22 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
Vuex mutitons和actions初使用详解
2019/03/04 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
2019/05/07 Javascript
vue指令v-html使用过滤器filters功能实例
2019/10/25 Javascript
ES6箭头函数和扩展实例分析
2020/05/23 Javascript
vue实现虚拟列表功能的代码
2020/07/28 Javascript
JavaScript实现拖动对话框效果的实现代码
2020/10/12 Javascript
python列出目录下指定文件与子目录的方法
2015/07/03 Python
浅谈python抛出异常、自定义异常, 传递异常
2016/06/20 Python
Python selenium 父子、兄弟、相邻节点定位方式详解
2016/09/15 Python
儿童学习python的一些小技巧
2018/05/27 Python
使用python3实现操作串口详解
2019/01/01 Python
Python第三方库face_recognition在windows上的安装过程
2019/05/03 Python
python tkinter实现界面切换的示例代码
2019/06/14 Python
python实现代码统计程序
2019/09/19 Python
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
康拓普公司Java笔面试
2016/09/23 面试题
网络教育毕业生自我鉴定
2013/10/10 职场文书
顶岗实习接收函
2014/01/09 职场文书
本科毕业生应聘自荐信范文
2014/06/26 职场文书
安全保卫工作竞聘材料
2014/08/25 职场文书
护士工作失误检讨书
2014/09/14 职场文书
2014国庆节幼儿园亲子活动方案
2014/09/16 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
2019最新版劳务派遣管理制度
2019/08/16 职场文书
导游词之桂林山水
2019/09/20 职场文书