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网页侧边随页面滚动广告效果实现
Apr 14 Javascript
JavaScript不使用prototype和new实现继承机制
Dec 29 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 Javascript
详解Vue使用命令行搭建单页面应用
May 24 Javascript
VUE实现表单元素双向绑定(总结)
Aug 08 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
Jun 11 Javascript
vue动态改变背景图片demo分享
Sep 13 Javascript
在 Vue.js中优雅地使用全局事件的方法
Feb 01 Javascript
原生JS实现记忆翻牌游戏
Jul 31 Javascript
详解JavaScript中分解数字的三种方法
Jan 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
php URL跳转代码 减少外链
2011/06/25 PHP
PHP中防止直接访问或查看或下载config.php文件的方法
2012/07/07 PHP
PHP中类属性与类静态变量的访问方法示例
2016/07/13 PHP
PHP进制转换实例分析(2,8,16,36,64进制至10进制相互转换)
2017/02/04 PHP
Javascript变量函数浅析
2011/09/02 Javascript
js读写(删除)Cookie实例详解
2013/04/17 Javascript
jQuery数据缓存功能的实现思路及简单模拟
2013/05/27 Javascript
鼠标焦点离开文本框时验证的js代码
2013/07/19 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
JS、DOM和JQuery之间的关系示例分析
2014/04/09 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
2015/08/24 Javascript
Angular2内置指令NgFor和NgIf详解
2016/08/03 Javascript
基于node.js依赖express解析post请求四种数据格式
2017/02/13 Javascript
nodejs接入阿里大鱼短信验证码的方法
2017/07/10 NodeJs
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
python3 模拟登录v2ex实例讲解
2017/07/13 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
浅谈django不使用restframework自定义接口与使用的区别
2020/07/15 Python
python subprocess pipe 实时输出日志的操作
2020/12/05 Python
荷兰优雅女装网上商店:Heine
2016/11/14 全球购物
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
创造美妙香氛体验:Aera扩散器和香水
2018/11/25 全球购物
SCHIESSER荷兰官方网站:德国内衣专家
2020/10/09 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
骨干教师申报材料
2014/12/17 职场文书
公司处罚决定书
2015/06/24 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
mysql使用 not int 子查询隐含陷阱
2022/04/12 MySQL
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python
插件导致ECharts被全量引入的坑示例解析
2022/09/23 Javascript