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方法读取将table转换为Json
May 31 Javascript
jQuery validate插件功能与用法详解
Dec 15 Javascript
移动端利用H5实现压缩图片上传功能
Mar 29 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
Nov 22 Javascript
vue.js 微信支付前端代码分享
Feb 10 Javascript
vue中实现左右联动的效果
Jun 22 Javascript
详解react native页面间传递数据的几种方式
Nov 07 Javascript
谈谈JavaScript中super(props)的重要性
Feb 12 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
Sep 23 Javascript
通过实例解析json与jsonp原理及使用方法
Sep 27 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
Jan 13 Vue.js
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实现首页链接查询 友情链接检查的代码
2010/01/05 PHP
PHP 作用域解析运算符(::)
2010/07/27 PHP
Zend Framework教程之Zend_Db_Table表关联实例详解
2016/03/23 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
js使用for循环查询数组中是否存在某个值
2014/08/12 Javascript
JS动态改变表格边框宽度的方法
2015/03/31 Javascript
基于JavaScript代码实现pc与手机之间的跳转
2015/12/23 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
2016/08/02 Javascript
JavaScript每天必学之基础知识
2016/09/17 Javascript
Bootstrap企业网站实战项目4
2016/10/14 Javascript
微信小程序 toast 详解及实例代码
2016/11/09 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
2017/04/22 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
uni-app如何页面传参数的几种方法总结
2020/04/28 Javascript
浅析Python中MySQLdb的事务处理功能
2016/09/21 Python
Python之dict(或对象)与json之间的互相转化实例
2018/06/05 Python
Python中return self的用法详解
2018/07/27 Python
Python datetime包函数简单介绍
2019/08/28 Python
python爬虫 正则表达式解析
2019/09/28 Python
Python生成个性签名图片获取GUI过程解析
2019/12/16 Python
PyQt5 界面显示无响应的实现
2020/03/26 Python
django创建css文件夹的具体方法
2020/07/31 Python
python之语音识别speech模块
2020/09/09 Python
Python读写锁实现实现代码解析
2020/11/28 Python
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
一套比较完整的软件测试人员面试题
2012/05/13 面试题
简单的大学生自我鉴定
2014/02/18 职场文书
端午节活动总结
2014/08/26 职场文书
校长师德表现自我评价
2015/03/05 职场文书
内勤岗位职责范本
2015/04/13 职场文书
Nginx本地目录映射实现代码实例
2021/03/31 Servers
postgresql如何找到表中重复数据的行并删除
2023/05/08 MySQL