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 相关文章推荐
JavaScript获取GridView选择的行内容
Apr 14 Javascript
jquery.cookie用法详细解析
Dec 18 Javascript
javascript表单验证使用示例(javascript验证邮箱)
Jan 07 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
jquery 无限极下拉菜单的简单实例(精简浓缩版)
May 31 Javascript
浅谈js中的三种继承方式及其优缺点
Aug 10 Javascript
Bootstrap Navbar Component实现响应式导航
Oct 08 Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 Javascript
JavaScript引用类型Date常见用法实例分析
Aug 08 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
Aug 27 Javascript
详解express使用vue-router的history踩坑
Jun 05 Javascript
微信小程序 组件的外部样式externalClasses使用详解
Sep 06 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 5.3.0 安装分析心得
2009/08/07 PHP
深入浅析安装PhpStorm并激活的步骤详解
2020/09/17 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
JavaScript 基础问答三
2008/12/03 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
2010/07/26 Javascript
简短几句jquery代码的实现一个图片向上滚动切换
2011/09/02 Javascript
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
2013/08/13 Javascript
js计算字符串长度包含的中文是utf8格式
2013/10/15 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
2014/04/12 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
2016/12/07 Javascript
基于JavaScript实现复选框的全选和取消全选
2017/02/09 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
vue实现点击关注后及时更新列表功能
2018/06/26 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
Vue-input框checkbox强制刷新问题
2019/04/18 Javascript
JavaScript实现身份证验证代码实例
2019/08/26 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
element ui分页多选,翻页记忆的实例
2019/09/03 Javascript
Python cx_freeze打包工具处理问题思路及解决办法
2016/02/13 Python
将python代码和注释分离的方法
2018/04/21 Python
Django Admin实现三级联动的示例代码(省市区)
2018/06/22 Python
Python使用修饰器进行异常日志记录操作示例
2019/03/19 Python
python中的句柄操作的方法示例
2019/06/20 Python
Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法
2020/02/27 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
经济管理专业自荐信
2013/12/30 职场文书
计算机专业职业规划
2014/02/28 职场文书
高速铁道技术专业求职信
2014/08/09 职场文书
租房协议书
2014/09/12 职场文书
2014年学校法制宣传日活动总结
2014/11/01 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
国庆庆典邀请函
2015/02/02 职场文书