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 验证密码强弱的小例子
Mar 21 Javascript
JS保存、读取、换行、转Json报错处理方法
Jun 14 Javascript
jQuery设置和移除文本框默认值的方法
Mar 09 Javascript
AngularJS学习笔记之基本指令(init、repeat)
Jun 16 Javascript
js生成随机数的方法实例
Oct 16 Javascript
jquery自定义插件——window的实现【示例代码】
May 06 Javascript
JS模拟bootstrap下拉菜单效果实例
Jun 17 Javascript
js实现复选框的全选和取消全选效果
Jan 03 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
Feb 13 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
Jun 12 Javascript
vue学习笔记之给组件绑定原生事件操作示例
Feb 27 Javascript
js实现表单项的全选、反选及删除操作示例
Jun 05 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
php4的session功能评述(一)
2006/10/09 PHP
PHP将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
那些年一起学习的PHP(二)
2012/03/21 PHP
php缓冲 output_buffering的使用详解
2013/06/13 PHP
php压缩和解压缩字符串的方法
2015/03/14 PHP
PHP创建/删除/复制文件夹、文件
2016/05/03 PHP
List the Codec Files on a Computer
2007/06/18 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
jQuery自定义滚动条完整实例
2016/01/08 Javascript
Vue.js动态添加、删除选题的实例代码
2016/09/30 Javascript
Javascrip实现文字跳动特效
2016/11/27 Javascript
微信小程序 UI与容器组件总结
2017/02/21 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
2017/12/12 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
Vue2.0 实现歌手列表滚动及右侧快速入口功能
2018/08/08 Javascript
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
2018/12/05 jQuery
[03:17]2016完美“圣”典风云人物:冷冷专访
2016/12/08 DOTA
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
深入解析Python中的线程同步方法
2016/06/14 Python
深入理解python中函数传递参数是值传递还是引用传递
2017/11/07 Python
python的变量与赋值详细分析
2017/11/08 Python
使用requests库制作Python爬虫
2018/03/25 Python
python 将有序数组转换为二叉树的方法
2019/03/26 Python
python selenium登录豆瓣网过程解析
2019/08/10 Python
Python socket模块ftp传输文件过程解析
2019/11/05 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
python 穷举指定长度的密码例子
2020/04/02 Python
马来西亚网上美容店:Hermo.my
2017/11/25 全球购物
Johnston & Murphy官网: 约翰斯顿·墨菲牛津总统鞋
2018/01/09 全球购物
全球性的女装店:storets
2019/06/12 全球购物
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
优秀班主任先进事迹材料
2014/12/16 职场文书
公司岗位说明书
2015/10/08 职场文书
2015年乡镇食品安全工作总结
2015/10/22 职场文书
BCL经典机 SONY ICF-5900W电路分析
2022/04/24 无线电