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 相关文章推荐
js parsefloat parseint 转换函数
Jan 21 Javascript
javascript检测对象中是否存在某个属性判断方法小结
May 19 Javascript
php读取sqlite数据库入门实例代码
Jun 25 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
2则自己编写的jQuery特效分享
Feb 26 Javascript
基于jQuery的ajax方法封装
Jul 14 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
使用typescript开发angular模块并发布npm包
Apr 19 Javascript
史上最为详细的javascript继承(推荐)
May 18 Javascript
Vue.js路由实现选项卡简单实例
Jul 24 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 Javascript
vue router 动态路由清除方式
May 25 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
无JS,完全php面向过程数据分页实现代码
2012/08/27 PHP
php curl模拟post提交数据示例
2013/12/31 PHP
php页面函数设置超时限制的方法
2014/12/01 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
curl和libcurl的区别简介
2015/07/01 PHP
Zend Framework教程之Zend_Db_Table用法详解
2016/03/21 PHP
用javascript为页面添加天气显示实现思路及代码
2013/12/02 Javascript
node.js中的console.error方法使用说明
2014/12/10 Javascript
AngularJS中的过滤器使用详解
2015/06/16 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
JS代码实现根据时间变换页面背景效果
2016/06/16 Javascript
jQuery事件委托之Safari
2016/07/05 Javascript
JS继承之借用构造函数继承和组合继承
2016/09/07 Javascript
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
2016/10/10 Javascript
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
详解auto-vue-file:一个自动创建vue组件的包
2019/04/26 Javascript
js实现简单的贪吃蛇游戏
2020/04/23 Javascript
Python Tkinter基础控件用法
2014/09/03 Python
Python中的日期时间处理详解
2016/11/17 Python
pandas object格式转float64格式的方法
2018/04/10 Python
Pytorch入门之mnist分类实例
2018/04/14 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
python实现图片彩色转化为素描
2019/01/15 Python
Python判断字符串是否xx开始或结尾的示例
2019/08/08 Python
python3实现用turtle模块画一棵随机樱花树
2019/11/21 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
python 实现围棋游戏(纯tkinter gui)
2020/11/13 Python
html5调用摄像头功能的实现代码
2018/05/07 HTML / CSS
阿迪达斯德国官方网站:adidas德国
2017/07/12 全球购物
会计毕业自我鉴定
2014/02/05 职场文书
2014三八妇女节活动总结范文四篇
2014/03/09 职场文书
诚信考试倡议书
2014/04/15 职场文书
社会实践活动总结报告
2014/04/29 职场文书
民生工作实施方案
2014/05/31 职场文书
关于python类SortedList详解
2021/09/04 Python