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 相关文章推荐
CSS JavaScript 实现菜单功能 改进版
Dec 09 Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
Oct 11 Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
Jun 05 Javascript
简单时间提示DEMO从0开始一直进行计时
Nov 19 Javascript
JavaScript两种跨域技术全面介绍
Apr 16 Javascript
详解本地Node.js服务器作为api服务器的解决办法
Feb 28 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
详解vue嵌套路由-params传递参数
May 23 Javascript
JS实现按钮颜色切换效果
Sep 05 Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
Aug 31 Javascript
详解vue.js移动端配置flexible.js及注意事项
Apr 10 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
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 小心urldecode引发的SQL注入漏洞
2011/10/27 PHP
php导入csv文件碰到乱码问题的解决方法
2014/02/10 PHP
ecshop后台编辑器替换成ueditor编辑器
2015/03/03 PHP
ThinkPHP5实现作业管理系统中处理学生未交作业与已交作业信息的方法
2016/11/12 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
JavaScript调用ajax获取文本文件内容实现代码
2014/03/28 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
2014/06/23 Javascript
Javascript Memoizer浅析
2014/10/16 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
nodejs通过phantomjs实现下载网页
2015/05/04 NodeJs
基于jquery实现瀑布流布局
2020/06/28 Javascript
BootStrap实现树形目录组件代码详解
2016/06/21 Javascript
CSS+jQuery实现简单的折叠菜单
2016/12/20 Javascript
jquery Banner轮播选项卡
2016/12/26 Javascript
js仿微博动态栏功能
2017/02/22 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
2017/06/12 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
vue-router命名路由和编程式路由传参讲解
2019/01/19 Javascript
新手入门带你学习JavaScript引擎运行原理
2019/06/24 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
Python采集腾讯新闻实例
2014/07/10 Python
基于Python的关键字监控及告警
2017/07/06 Python
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
英国护肤品购物网站:Beauty Expert
2016/08/19 全球购物
美体小铺英国官网:The Body Shop英国
2017/01/24 全球购物
军用级手机壳,专为冒险而建:Zizo Wireless
2019/08/07 全球购物
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
公司合作意向书
2014/04/01 职场文书
优秀应届生求职信
2014/06/16 职场文书
爱国口号
2014/06/19 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
党员反腐倡廉学习心得体会
2015/08/15 职场文书