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 相关文章推荐
js常用排序实现代码
Dec 28 Javascript
HTML5实现留言和回复页面样式
Jul 22 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
Aug 03 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
Vue 过渡(动画)transition组件案例详解
Jan 22 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
May 27 Javascript
pm2 部署 node的三种方法示例
Oct 20 Javascript
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
基于webpack4+vue-cli3项目实现换肤功能
Jul 17 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
Aug 27 Javascript
JavaScript中如何调用Java方法
Sep 16 Javascript
vue+elementui 实现新增和修改共用一个弹框的完整代码
Jun 08 Vue.js
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
动漫女神老婆无限好,但日本女生可能就不是这么一回事了!
2020/03/04 日漫
各种咖啡的英文名子是什么
2021/03/03 新手入门
一个php作的文本留言本的例子(三)
2006/10/09 PHP
PHP运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
详解new function(){}和function(){}() 区别分析
2008/03/22 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
2013/02/05 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
纯js代码实现简单计算器
2015/12/02 Javascript
7个去伪存真的JavaScript面试题
2016/01/07 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
2017/04/12 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
JS实现前端路由功能示例【原生路由】
2020/05/29 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
2020/08/06 Javascript
Python实现爬取逐浪小说的方法
2015/07/07 Python
python数字图像处理实现直方图与均衡化
2018/05/04 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
python买卖股票的最佳时机(基于贪心/蛮力算法)
2019/07/05 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
TFRecord格式存储数据与队列读取实例
2020/01/21 Python
Python爬虫进阶之爬取某视频并下载的实现
2020/12/08 Python
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
init进程的作用
2015/08/20 面试题
党的群众路线教育实践活动总结报告
2014/04/28 职场文书
社会实践评语
2014/04/28 职场文书
专题组织生活会方案
2014/06/15 职场文书
开票员岗位职责
2015/02/12 职场文书
幼儿教师辞职信
2015/02/27 职场文书
教师远程研修感悟
2015/11/18 职场文书
MySQL事务操作的四大特性以及并发事务问题
2022/04/12 MySQL
浅谈Node的内存泄露问题
2022/05/06 NodeJs
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS