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 相关文章推荐
js实现带按钮的上下滚动效果
May 12 Javascript
jQuery实现图片预加载效果
Nov 27 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
Feb 25 Javascript
javascript实现可键盘控制的抽奖系统
Mar 10 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
Sep 22 Javascript
Vue获取DOM元素样式和样式更改示例
Mar 07 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
详解ES6中的代理模式——Proxy
Jan 08 Javascript
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
微信小程序页面渲染实现方法
Nov 06 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 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 Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
详谈symfony window下的安装 安装时候出现的问题以及解决方法
2017/09/28 PHP
php实现的表单验证类完整示例
2019/08/13 PHP
Laravel框架实现抢红包功能示例
2019/10/31 PHP
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
深入浅析jQuery对象$.html
2016/08/22 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
原生js封装自定义滚动条
2017/03/24 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
vue解决一个方法同时发送多个请求的问题
2018/09/25 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
2020/07/21 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
[01:34]完美“圣”典宣传片震撼发布,12.17与你不见不散
2016/12/16 DOTA
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
Python操作Mysql实例代码教程在线版(查询手册)
2013/02/18 Python
Python中文编码那些事
2014/06/25 Python
python 统计数组中元素出现次数并进行排序的实例
2018/07/02 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
初次部署django+gunicorn+nginx的方法步骤
2019/09/11 Python
用python写测试数据文件过程解析
2019/09/25 Python
pycharm无法导入本地模块的解决方式
2020/02/12 Python
基于python requests selenium爬取excel vba过程解析
2020/08/12 Python
阿里健康大药房:阿里自营网上药店
2017/08/01 全球购物
越南电子产品购物网站:FPT Shop
2017/12/02 全球购物
Stuarts London美国/加拿大:世界领先的独立男装零售商之一
2019/03/18 全球购物
银行贷款承诺书
2014/03/29 职场文书
一般党员对照检查材料
2014/09/24 职场文书
毕业生银行实习自我鉴定
2014/10/14 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
python设置 matplotlib 正确显示中文的四种方式
2021/05/10 Python
微信告警的zabbix监控系统 监控整个NGINX集群
2022/04/18 Servers