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 相关文章推荐
使用基于jquery的gamequery插件做JS乒乓球游戏
Jul 31 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
Sep 28 Javascript
简单谈谈javascript代码复用模式
Jan 28 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
Aug 10 Javascript
json格式数据的添加,删除及排序方法
Jan 21 Javascript
JQuery控制图片由中心点逐渐放大效果
Jun 26 Javascript
AngularJs expression详解及简单示例
Sep 01 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
Nov 28 Javascript
Vue组件库发布到npm详解
Feb 17 Javascript
关于Vue的路由权限管理的示例代码
Mar 06 Javascript
vue 中Virtual Dom被创建的方法
Apr 15 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
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之第一天
2006/10/09 PHP
一个域名查询的程序
2006/10/09 PHP
php实现的操作excel类详解
2016/01/15 PHP
PHP中子类重载父类的方法【parent::方法名】
2016/05/06 PHP
程序员的表白神器“520”大声喊出来
2016/05/20 PHP
疯掉了,尽然有js写的操作系统
2007/04/23 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
Javascript中Event属性搜集整理
2013/09/17 Javascript
JavaScript中的DSL元编程介绍
2015/03/15 Javascript
js电话号码验证方法
2015/09/28 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
2016/01/14 Javascript
利用bootstrapValidator验证UEditor
2016/09/14 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
jQuery EasyUI Draggable拖动组件
2017/03/01 Javascript
使用JavaScriptCore实现OC和JS交互详解
2017/03/28 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
微信小程序与php 实现微信支付的简单实例
2017/06/23 Javascript
nodejs中解决异步嵌套循环和循环嵌套异步的问题
2017/07/12 NodeJs
layui.js实现的表单验证功能示例
2017/11/15 Javascript
JS获取本地地址及天气的方法实例小结
2019/05/10 Javascript
如何在 Vue 表单中处理图片
2021/01/26 Vue.js
python爬虫之BeautifulSoup 使用select方法详解
2017/10/23 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
python进程的状态、创建及使用方法详解
2019/12/06 Python
python3 tcp的粘包现象和解决办法解析
2019/12/09 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
python的launcher用法知识点总结
2020/08/07 Python
python 实现aes256加密
2020/11/27 Python
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
关于Java finally的面试题
2016/04/27 面试题
个人自我鉴定写法
2013/11/30 职场文书
商业融资计划书
2014/04/29 职场文书
人事局接收函
2015/01/30 职场文书
教师党员个人总结
2015/02/10 职场文书
管理失职检讨书范文
2015/05/05 职场文书