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+HttpHandler+xml模拟一个三级联动的例子
Aug 09 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
Dec 19 Javascript
jquery控制表单输入框显示默认值的方法
May 22 Javascript
jQuery多级联动下拉插件chained用法示例
Aug 20 Javascript
AngularJs  unit-testing(单元测试)详解
Sep 02 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
Nov 21 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
如何去除vue项目中的#及其ie9兼容性
Jan 11 Javascript
package.json配置文件构成详解
Aug 27 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
Oct 23 Javascript
JS立即执行的匿名函数用法分析
Nov 04 Javascript
JavaScript 如何计算文本的行数的实现
Sep 14 Javascript
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 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
PHP程序员学习使用Swoole的理由
2018/06/24 PHP
CI(CodeIgniter)框架中URL特殊字符处理与SQL注入隐患分析
2019/02/28 PHP
YII2框架中查询生成器Query()的使用方法示例
2020/03/18 PHP
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
利用webqq协议使用python登录qq发消息源码参考
2013/04/08 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
2014/08/13 Javascript
jQuery中:nth-child选择器用法实例
2014/12/31 Javascript
JavaScript与ActionScript3两者的同性与差异性
2016/09/22 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
2017/05/11 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
使用Python脚本来控制Windows Azure的简单教程
2015/04/16 Python
python统计文本文件内单词数量的方法
2015/05/30 Python
python的多重继承的理解
2017/08/06 Python
python实现QQ邮箱/163邮箱的邮件发送
2019/01/22 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
升职自荐信
2013/11/28 职场文书
幼儿园实习自我鉴定
2013/12/15 职场文书
大学生求职信范文应怎么写
2014/01/01 职场文书
医学类个人求职信范文
2014/02/05 职场文书
创业资金计划书
2014/02/06 职场文书
学习雷锋活动总结
2014/04/29 职场文书
纪检干部先进事迹材料
2014/08/23 职场文书
优秀英文求职信范文
2015/03/19 职场文书
公安机关起诉意见书
2015/05/20 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
PHP使用QR Code生成二维码实例
2021/07/07 PHP