jquery $.each 数据遍历用法

$.each(array, [callback]) 遍历[常用]
解释: 不同于例遍 jquery 对象的 $.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出 each 循环可使回调函数返回 false, 其它返回值将被忽略.
each遍历,相信都不陌生,在平常的事件处理中,是for循环的变体,但比for循环强大.在数组中,它可以轻松的攻取数组索引及对应的值.例:

var _mozi=['墨家','墨子','墨翟','兼爱非攻','尚同尚贤']; //本文所用到的数组, 下同
$.each(_mozi,function(key,val){
 //回调函数有两个参数,第一个是元素索引,第二个为当前值
 alert('_mozi数组中 ,索引 : '+key+' 对应的值为: '+val);
});

相对于原生的for..in,each更强壮一点. for..in也可以遍历数组,并返回对应索引,但值是需要通过arrname[key]来获取;

 

<script>
$(function()){
var _mozi=['墨家','墨子','墨翟','兼爱非攻','尚同尚贤'];
 //用原生getelementsbytagname获取h2元素的对象集合
 var h2obj=document.getelementsbytagname('h2');
 
 //$.each()遍历数组
 $('input#js_each').click(function(){
  $.each(_mozi,function(key,val){
   //回调函数有两个参数,第一个是元素索引,第二个为当前值
   alert('_mozi数组中 ,索引 : '+key+' 对应的值为: '+val);
  });
 });
}
</script>

时间: 2024-11-10 06:57:06

jquery $.each 数据遍历用法的相关文章

c#匿名方法的静态数据成员和实例数据成员用法

匿名方法总是以一个delegate关键字开始,后面跟着用在方法和方法体(the method body)本身中的参数.正如从上面示例中所见,用户不需要确定匿名方法的返回类型.它(译注:指返回类型)由方法体中的return语句推断而来..NET CLR不能执行像匿名方法一样的自由流(free flowing)代码块.CLR要求:它执行的每个方法是一个类型的一部分,并且应该是一个静态(static)方法或实例(instance)方法(译注:若一个方法声明中含有 static 修饰符,则称该方法为静态

jQuery数据缓存用法分析

 这篇文章主要介绍了jQuery数据缓存用法,较为详细的分析了jQuery数据缓存的功能.定义与相关的使用技巧,需要的朋友可以参考下     本文分析了jQuery数据缓存用法.分享给大家供大家参考.具体如下: 在jQuery的API帮助文档中,jQuery这样描述数据缓存的作用:用于在一个元素上存取数据而避免了循环引用的风险. 一.定义缓存数据 使用$(selector).data(name,value)方法可以为jQuery对象定义缓存数据.这些缓存数据被存放在匹配的DOM元素集合中所有DO

PostgreSQL 数据rotate用法介绍

标签 PostgreSQL , 按时间覆盖历史数据 背景 在某些业务场景中,数据有冷热之分,例如业务只关心最近一天.一周或者一个月的数据.对于历史的数据可以丢弃. 比如某些指标的监控场景,保留一周的监控数据,历史的都可以丢弃. 如何丢弃历史数据?或者说如何实现rotate? 1. 使用delete, 删除7天前的数据. delete from table where crt_time<=now()-interval '7 day'; 这种方法会带来额外的开销,包括写REDO日志,垃圾回收等.如果

Android网络数据开关用法简单示例_Android

本文实例讲述了Android网络数据开关用法.分享给大家供大家参考,具体如下: api中没有开放这部分接口.因此大家可以使用这个方法,true时打开,false关闭.目前对G网手机可以. public boolean setMobileDataEnabled(boolean enabled) { final TelephonyManager mTelManager; mTelManager = (TelephonyManager) getSystemService(Context.TELEPHO

Yii基于CActiveForm的Ajax数据验证用法示例_php实例

本文实例讲述了Yii基于CActiveForm的Ajax数据验证用法.分享给大家供大家参考,具体如下: 1. 视图定义form表单开启ajax验证 $form = $this->beginWidget('CActiveForm', array( 'id'=>'zdzone-form', 'enableAjaxValidation'=>true,//开启ajax验证 'enableClientValidation'=>true,//开启客户端验证,生成js 'action'=>

PHP+MySQL之Insert Into数据插入用法分析_php技巧

本文实例讲述了PHP+MySQL之Insert Into数据插入用法.分享给大家供大家参考.具体如下: INSERT INTO 语句用于向数据库表中插入新纪录. 向数据库表插入数据 INSERT INTO 语句用于向数据库表添加新纪录. 语法: INSERT INTO table_name VALUES (value1, value2,....) 您还可以规定希望在其中插入数据的列: INSERT INTO table_name (column1, column2,...) VALUES (va

jQuery数据缓存用法分析_jquery

本文分析了jQuery数据缓存用法.分享给大家供大家参考.具体如下: 在jQuery的API帮助文档中,jQuery这样描述数据缓存的作用:用于在一个元素上存取数据而避免了循环引用的风险. 一.定义缓存数据 使用$(selector).data(name,value)方法可以为jQuery对象定义缓存数据.这些缓存数据被存放在匹配的DOM元素集合中所有DOM元素中. var $link = $('a'); $link.data('linkType', 'home'); 说明:$(selector

Yii基于CActiveForm的Ajax数据验证用法示例

本文实例讲述了Yii基于CActiveForm的Ajax数据验证用法.分享给大家供大家参考,具体如下: 1. 视图定义form表单开启ajax验证 $form = $this->beginWidget('CActiveForm', array( 'id'=>'zdzone-form', 'enableAjaxValidation'=>true,//开启ajax验证 'enableClientValidation'=>true,//开启客户端验证,生成js 'action'=>

Android网络数据开关用法简单示例

本文实例讲述了Android网络数据开关用法.分享给大家供大家参考,具体如下: api中没有开放这部分接口.因此大家可以使用这个方法,true时打开,false关闭.目前对G网手机可以. public boolean setMobileDataEnabled(boolean enabled) { final TelephonyManager mTelManager; mTelManager = (TelephonyManager) getSystemService(Context.TELEPHO