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自执行函数之伪命名空间封装法
Dec 25 Javascript
动态创建样式表在各浏览器中的差异测试代码
Sep 13 Javascript
JS比较2个日期间隔的示例代码
Apr 15 Javascript
javascript中undefined与null的区别
Aug 16 Javascript
理解JavaScript事件对象
Jan 25 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
JS原型、原型链深入理解
Feb 27 Javascript
javascript的几种继承方法介绍
Mar 22 Javascript
Bootstrap面板学习使用
Feb 09 Javascript
vue实现单选和多选功能
Aug 11 Javascript
Angular设置别名alias的方法
Nov 08 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
Mar 08 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学习之PHP变量
2006/10/09 PHP
PHP 第三节 变量介绍
2012/04/28 PHP
php实现的简单检验登陆类
2015/06/18 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
js简单实现让文本框内容逐个字的显示出来
2013/10/22 Javascript
通过url查找a元素应用案例
2014/04/29 Javascript
详解JavaScript for循环中发送AJAX请求问题
2020/06/23 Javascript
jQuery EasyUI Pagination实现分页的常用方法
2016/05/21 Javascript
微信小程序 开发工具快捷键整理
2016/10/31 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
jQuery 添加样式属性的优先级别方法(推荐)
2017/06/08 jQuery
jQuery列表检索功能实现代码
2017/07/17 jQuery
javascript对HTML字符转义与反转义
2018/12/13 Javascript
vue cli 3.x 项目部署到 github pages的方法
2019/04/17 Javascript
使用React手写一个对话框或模态框的方法示例
2019/04/25 Javascript
Element Input输入框的使用方法
2020/07/26 Javascript
Openlayers实现图形绘制
2020/09/28 Javascript
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
使用graphics.py实现2048小游戏
2015/03/10 Python
Python tkinter事件高级用法实例
2018/01/31 Python
tensorflow实现对图片的读取的示例代码
2018/02/12 Python
pandas实现选取特定索引的行
2018/04/20 Python
python for循环输入一个矩阵的实例
2018/11/14 Python
python与c语言的语法有哪些不一样的
2020/09/13 Python
如何将Pycharm中调整字体大小的方式设置为&quot;ctrl+鼠标滚轮上下滑&quot;
2020/11/17 Python
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
几道数据库的概念性面试题
2014/05/30 面试题
网络通讯中,端口有什么含义,端口的取值范围
2012/11/23 面试题
应届生服装设计自我评价
2013/09/20 职场文书
幼儿教师研修感言
2014/02/12 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
2016年学生会感恩节活动总结
2016/04/01 职场文书
springboot使用Redis作缓存使用入门教程
2021/07/25 Redis
python在package下继续嵌套一个package
2022/04/14 Python