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 数组的方法集合
Jun 05 Javascript
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
jQuery 使用手册(三)
Sep 23 Javascript
轻量级 JS ToolTip提示效果
Jul 20 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
Jun 02 Javascript
ajax异步刷新实现更新数据库
Dec 03 Javascript
手机端页面rem宽度自适应脚本
May 20 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
ajax跨域调用webservice的实现代码
May 09 Javascript
axios post提交formdata的实例
Mar 16 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
Oct 27 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 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
2009/01/30 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
使用PHP函数scandir排除特定目录
2014/06/12 PHP
ThinkPHP中I(),U(),$this-&gt;post()等函数用法
2014/11/22 PHP
利用php操作memcache缓存的基础方法示例
2017/08/02 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
关于html+ashx开发中几个问题的解决方法
2011/07/18 Javascript
面向对象继承实例(a如何继承b问题)(自写)
2013/07/01 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
js二维数组排序的简单示例代码
2014/01/24 Javascript
JS获取各种宽度、高度的简单介绍
2014/12/19 Javascript
jQuery中:only-child选择器用法实例
2015/01/03 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
2015/05/08 Javascript
AngularJS中的DOM操作用法分析
2016/11/04 Javascript
AngularJS页面带参跳转及参数解析操作示例
2017/06/28 Javascript
基于JavaScript实现表格滚动分页
2017/11/22 Javascript
Vue中的v-for循环key属性注意事项小结
2018/08/12 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
详解Vue、element-ui、axios实现省市区三级联动
2019/05/07 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
[05:53]敌法师的金色冠名ID"BurNIng",是传说,是荣耀
2020/07/11 DOTA
python re正则表达式模块(Regular Expression)
2014/07/16 Python
python交互式图形编程实例(三)
2017/11/17 Python
批量将ppt转换为pdf的Python代码 只要27行!
2018/02/26 Python
Python Numpy 自然数填充数组的实现
2019/11/28 Python
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
Clearly新西兰:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
澳大利亚墨尔本的在线时装店:LORETA
2018/09/14 全球购物
TUMI新加坡官网:国际领先的商旅箱包品牌
2019/01/12 全球购物
我想声明一个指针并为它分配一些空间, 但却不行。这些代码有什么 问题?char *p; *p = malloc(10);
2016/10/06 面试题
初中学生期末评语
2014/04/24 职场文书
司法局群众路线教育实践活动开展情况总结
2014/10/25 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
大学文艺委员竞选稿
2015/11/19 职场文书
致创业的您:这类人不适合餐饮创业
2019/08/19 职场文书
python实现批量提取指定文件夹下同类型文件
2021/04/05 Python