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 相关文章推荐
jquery select下拉框操作的一些说明
Apr 02 Javascript
Javascript new关键字的玄机 以及其它
Aug 25 Javascript
Ajax执行顺序流程及回调问题分析
Dec 10 Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
Sep 14 Javascript
微信小程序 Image API实例详解
Sep 30 Javascript
手机端转换rem适应
Apr 01 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
Jul 03 Javascript
基于three.js编写的一个项目类示例代码
Jan 05 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
Dec 16 Javascript
简单了解常用的JavaScript 库
Jul 16 Javascript
vue实现图书管理系统
Dec 29 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
PHP5 安装方法
2007/01/15 PHP
WordPress中创建用户角色的相关PHP函数使用详解
2015/12/25 PHP
php把时间戳转换成多少时间之前函数的实例
2016/11/16 PHP
常用简易JavaScript函数
2009/04/09 Javascript
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
JS中artdialog弹出框控件之提交表单思路详解
2016/04/18 Javascript
AngularJS ng-repeat数组有重复值的解决方法
2016/10/23 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
webpack4 CSS Tree Shaking的使用
2018/09/03 Javascript
浅谈Angular7 项目开发总结
2018/12/19 Javascript
Angular封装搜索框组件操作示例
2019/04/25 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
使用js实现单链解决前端队列问题的方法
2020/02/03 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
2020/03/09 Javascript
jQuery HTML css()方法与css类实例详解
2020/05/20 jQuery
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
2020/05/29 jQuery
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
python多线程扫描端口示例
2014/01/16 Python
用 Python 连接 MySQL 的几种方式详解
2018/04/04 Python
Python 实现在文件中的每一行添加一个逗号
2018/04/29 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
使用Python画股票的K线图的方法步骤
2019/06/28 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
Python接收手机短信的代码整理
2020/08/02 Python
Python使用urlretrieve实现直接远程下载图片的示例代码
2020/08/17 Python
详解基于python的全局与局部序列比对的实现(DNA)
2020/10/07 Python
英国领先的男士服装和时尚零售商:Burton
2017/01/09 全球购物
考博自荐信
2013/10/25 职场文书
公司财务流程之主管工作流程
2014/03/03 职场文书
元宵节主持词
2014/03/25 职场文书
给上级领导的感谢信
2015/01/22 职场文书
解决Pytorch中关于model.eval的问题
2021/05/22 Python
Mysql实现主从配置和多主多从配置
2021/06/02 MySQL
python函数的两种嵌套方法使用
2022/04/02 Python
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫