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 相关文章推荐
Jquery CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
jquery中的查找parents与closest方法之间的区别
Dec 02 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
Mar 03 Javascript
JS数组合并push与concat区别分析
Dec 17 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
JavaScript对象创建模式实例汇总
Oct 03 Javascript
Angular+Node生成随机数的方法
Jun 16 Javascript
JS设计模式之惰性模式(二)
Sep 29 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
Sep 14 Javascript
element中Steps步骤条和Tabs标签页关联的解决
Dec 08 Javascript
vue3中的组件间通信
Mar 31 Vue.js
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
BBS(php &amp; mysql)完整版(五)
2006/10/09 PHP
深入解析PHP的Laravel框架中的event事件操作
2016/03/21 PHP
通过jQuery源码学习javascript(三)
2012/12/27 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
2013/12/17 Javascript
js构造函数、索引数组和属性的实现方式和使用
2014/11/16 Javascript
AngularJS基础 ng-paste 指令简单示例
2016/08/02 Javascript
微信小程序 网络请求(GET请求)详解
2016/11/16 Javascript
bootstrap css样式之表单
2017/01/19 Javascript
使用JSON格式提交数据到服务端的实例代码
2018/04/01 Javascript
jQuery+PHP实现上传裁剪图片
2020/06/29 jQuery
Nodejs监听日志文件的变化的过程解析
2019/08/04 NodeJs
详解搭建一个vue-cli的移动端H5开发模板
2020/01/17 Javascript
element中el-container容器与div布局区分详解
2020/05/13 Javascript
vue页面跳转实现页面缓存操作
2020/07/22 Javascript
基于进程内通讯的python聊天室实现方法
2015/06/28 Python
Python ftp上传文件
2016/02/13 Python
python3中int(整型)的使用教程
2017/03/23 Python
Python实现屏幕截图的两种方式
2018/02/05 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
2015/03/17 HTML / CSS
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
2016/03/14 HTML / CSS
地球上最先进的胡子和头发修剪器:Bevel
2018/01/23 全球购物
opencv实现图像平移效果
2021/03/24 Python
工程总经理工作职责
2013/12/09 职场文书
主治医师岗位职责
2013/12/10 职场文书
大学毕业感言一句话
2014/02/06 职场文书
婚假请假条怎么写
2014/04/10 职场文书
优秀管理者事迹材料
2014/05/22 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
教师读书活动心得体会
2016/01/14 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python