jQuery使用each方法与for语句遍历数组示例


Posted in Javascript onJune 16, 2016

本文实例讲述了jQuery使用each方法与for语句遍历数组。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript">
var array=["huangbiao","24","boy"];
var length = array.length;
function forFunc(){
  var result = "";
  for(var i = 0; i < length; i++){
    result=result.concat(array[i]+" ; ");
  }
  $("#forFunc").html(result);
  return true;
}
function eachFunc(){
  var result = "";
  $(array).each(function(i,n){
  //下面两种方式实现的效果是一样的
    //result=result.concat(array[i]+" ; ");
    result=result.concat(n+" ; ");
  });
  $("#eachFunc").html(result);
}
</script>
<title>无标题文档</title>
</head>
<body>
  <button onclick="forFunc()">forFunc</button><br>
  <div id="forFunc"></div>
  <button onclick="eachFunc()">eachFunc</button><br>
  <div id="eachFunc"></div>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
Javascript客户端将指定区域导出到Word、Excel的代码
Oct 22 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 Javascript
JS+CSS实现简单的二级下拉导航菜单效果
Sep 21 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
Jan 06 Javascript
jquery模拟实现鼠标指针停止运动事件
Jan 12 Javascript
微信小程序(三):网络请求
Jan 13 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
Jan 18 Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 Javascript
jsonp跨域获取数据的基础教程
Jul 01 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
May 15 Javascript
JavaScript 定时器详情
Nov 11 Javascript
基于JS代码实现实时显示系统时间
Jun 16 #Javascript
JavaScript代码实现图片循环滚动效果
Mar 19 #Javascript
jquery插件格式实例分析
Jun 16 #Javascript
详解JavaScript对象类型
Jun 16 #Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
Jun 16 #Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
Jun 16 #Javascript
JSON字符串和对象相互转换实例分析
Jun 16 #Javascript
You might like
php中导出数据到excel时数字变为科学计数的解决方法
2013/02/03 PHP
YII使用url组件美化管理的方法
2015/12/28 PHP
PHP编程中尝试程序并发的几种方式总结
2016/03/21 PHP
php封装的单文件(图片)上传类完整实例
2016/10/18 PHP
PHP输出多个元素的排列或组合的方法
2017/03/14 PHP
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
2007/06/29 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
有效提高JavaScript执行效率的几点知识
2015/01/31 Javascript
jquery计算鼠标和指定元素之间距离的方法
2015/06/26 Javascript
Flow之一个新的Javascript静态类型检查器
2015/12/21 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
2016/04/30 Javascript
JS加载器如何动态加载外部js文件
2016/05/26 Javascript
jQuery绑定事件的四种方式介绍
2016/10/31 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
2016/11/09 Javascript
浅析javascript中的Event事件
2016/12/09 Javascript
yarn的使用与升级Node.js的方法详解
2017/06/04 Javascript
Bootstrap Table 删除和批量删除
2017/09/22 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
2018/05/03 Javascript
使用angular-cli webpack创建多个包的方法
2018/10/16 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
2019/04/29 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
浅谈JavaScript中this的指向问题
2020/07/28 Javascript
[01:10]DOTA2英雄背景故事第四期之混沌法则混沌骑士
2020/07/16 DOTA
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
Django 源码WSGI剖析过程详解
2019/08/05 Python
Xadmin+rules实现多选行权限方式(级联效果)
2020/04/07 Python
经验丰富程序员才知道的8种高级Python技巧
2020/07/27 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
python程序实现BTC(比特币)挖矿的完整代码
2021/01/20 Python
Tomcat Mysql datasource数据源配置
2015/12/28 面试题
C#如何调用Word并打开一个Word文档
2013/05/08 面试题
违反交通法规检讨书
2014/09/10 职场文书
个人工作总结范文2014
2014/11/07 职场文书
工作检讨书大全
2015/01/26 职场文书
Python中super().__init__()测试以及理解
2021/12/06 Python