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的合并table相同单元格的插件(精简版)
Apr 05 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
Apr 20 Javascript
js下将金额数字每三位一逗号分隔
Feb 19 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
Apr 21 Javascript
jQuery创建及操作xml格式数据示例
May 26 jQuery
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
jquery无缝图片轮播组件封装
Nov 25 jQuery
性能优化篇之Webpack构建速度优化的建议
Apr 03 Javascript
深入浅析JavaScript中的in关键字和for-in循环
Apr 20 Javascript
原生JavaScript实现弹幕组件的示例代码
Oct 12 Javascript
js制作提示框插件
Dec 24 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扩展图文教程
2008/12/12 PHP
PHP 实现字符串翻转(包含中文汉字)的实现代码
2017/04/01 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
Yii2.0框架behaviors方法使用实例分析
2019/09/30 PHP
一段效率很高的for循环语句使用方法
2007/08/13 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
Bootstrap模态框调用功能实现方法
2016/09/19 Javascript
Vue组件Draggable实现拖拽功能
2018/12/01 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
2019/05/08 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
2019/07/29 Javascript
react 生命周期实例分析
2020/05/18 Javascript
[01:28]国服启动器接入蒸汽平台操作流程视频
2021/03/11 DOTA
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
详谈pandas中agg函数和apply函数的区别
2018/04/20 Python
彻彻底底地理解Python中的编码问题
2018/10/15 Python
Python通过format函数格式化显示值
2020/10/17 Python
Pytorch1.5.1版本安装的方法步骤
2020/12/31 Python
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
德国内衣、泳装和睡衣网上商店:Bigsize Dessous
2018/07/09 全球购物
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
幼儿园长自我鉴定
2013/10/17 职场文书
旅游管理专业个人求职信范文
2013/12/24 职场文书
中文师范生自荐信
2014/01/30 职场文书
致跳远运动员广播稿
2014/02/11 职场文书
棉花姑娘教学反思
2014/02/15 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书
自愿离婚协议书范本
2015/01/26 职场文书
2015年安全生产月活动总结
2015/03/26 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
义诊活动通知
2015/04/24 职场文书
求职意向书范本
2015/05/11 职场文书
指导教师推荐意见
2015/06/05 职场文书
汽车销售员工作总结
2015/08/12 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
Prometheus 监控MySQL使用grafana展示
2021/08/30 MySQL