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 高级篇之闭包、模拟类,继承(五)
Apr 07 Javascript
利用javascript解决图片缩放及其优化的代码
May 23 Javascript
jQuery easyui datagrid动态查询数据实例讲解
Feb 26 Javascript
css样式标签和js语法属性区别
Nov 06 Javascript
javascript模拟订火车票和退票示例
Apr 24 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
asp知识整理笔记3(问答模式)
Sep 27 Javascript
JavaScript代码性能优化总结篇
May 15 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
React Router v4 入坑指南(小结)
Apr 08 Javascript
js中let能否完全替代IIFE
Jun 15 Javascript
浅谈JSON5解决了JSON的两大痛点
Dec 14 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
第十一节--重载
2006/11/16 PHP
PHP结合jQuery.autocomplete插件实现输入自动完成提示的功能
2015/04/27 PHP
深入浅析用PHP实现MVC
2016/03/02 PHP
JavaScript实现删除电脑的关机键
2016/07/26 PHP
php + WebUploader实现图片批量上传功能
2019/05/06 PHP
splice slice区别
2006/10/09 Javascript
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
2008/08/05 Javascript
HTML DOM的nodeType值介绍
2011/03/31 Javascript
转换字符串为json对象的方法详解
2013/11/29 Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
2014/06/15 Javascript
js封装可使用的构造函数继承用法分析
2015/01/28 Javascript
深入浅出分析javaScript中this用法
2015/05/09 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
jQuery插件zTree实现的多选树效果示例
2017/03/08 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
2017/04/27 jQuery
javascript 中iframe高度自适应(同域)实例详解
2017/05/16 Javascript
BootStrap中的Fontawesome 图标
2017/05/25 Javascript
JavaScript实现三级联动菜单实例代码
2017/06/26 Javascript
jQuery第一次运行页面默认触发点击事件的实例
2018/01/10 jQuery
深入理解requireJS-实现一个简单的模块加载器
2018/01/15 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
2018/09/04 Javascript
教你如何编写Vue.js的单元测试的方法
2018/10/17 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
Python Mysql数据库操作 Perl操作Mysql数据库
2009/01/12 Python
python求pi的方法
2014/10/08 Python
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
Django contrib auth authenticate函数源码解析
2020/11/12 Python
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
项目委托协议书(最新)
2014/09/13 职场文书
护士旷工检讨书
2015/08/15 职场文书