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循环变量注册dom事件 之强大的闭包
Sep 08 Javascript
善用事件代理,警惕闭包的性能陷阱。
Jan 20 Javascript
JS实现图片预加载无需等待
Dec 21 Javascript
JavaScript中实现异步编程模式的4种方法
Sep 24 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
Dec 10 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
Jun 16 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
二维码图片生成器QRCode.js简单介绍
Aug 18 Javascript
js中数组常用方法总结(推荐)
Apr 09 Javascript
JS继承定义与使用方法简单示例
Feb 19 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
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
Thinkphp的volist标签嵌套循环使用教程
2014/07/08 PHP
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
php封装的page分页类完整实例
2016/10/18 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
PHP基础之输出缓冲区基本概念、原理分析
2019/06/19 PHP
参考:关于Javascript中实现暂停的几篇文章
2007/03/04 Javascript
Javascript 兼容firefox的一些问题
2009/05/21 Javascript
javascript 类型判断代码分析
2010/03/28 Javascript
JS重要知识点小结
2011/11/06 Javascript
js判断输入是否为数字的具体实例
2013/08/03 Javascript
window.returnValue使用方法示例介绍
2014/07/03 Javascript
javascript检测浏览器的缩放状态实现代码
2014/09/28 Javascript
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
jQuery实现输入框的放大和缩小功能示例
2018/07/21 jQuery
webpack4 升级迁移的实现
2018/09/12 Javascript
JavaScript数组去重的几种方法
2019/04/07 Javascript
详解VUE调用本地json的使用方法
2019/05/15 Javascript
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
Layui点击图片弹框预览的实现方法
2019/09/16 Javascript
vue+layui实现select动态加载后台数据的例子
2019/09/20 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
vuex刷新后数据丢失的解决方法
2020/10/18 Javascript
[02:45]DOTA2英雄基础教程 伐木机
2013/12/23 DOTA
python抓取文件夹的所有文件
2018/02/27 Python
Python3使用SMTP发送带附件邮件
2020/06/16 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
Python多线程原理与用法实例剖析
2019/01/22 Python
解决Python3 被PHP程序调用执行返回乱码的问题
2019/02/16 Python
意大利奢侈品零售商:ilDuomo Novara
2019/09/11 全球购物
农村改厕实施方案
2014/03/22 职场文书
项目经理任命书
2014/06/04 职场文书
项目经理岗位职责
2015/01/31 职场文书
八年级作文之友谊
2019/12/02 职场文书
Win11如何启用启动修复 ? Win11执行启动修复的三种方法
2022/04/08 数码科技