`
huangyongxing310
  • 浏览: 481876 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jquery的$().each,$.each的区别与详解

阅读更多

jquery的$().each,$.each的区别与详解


$().each
对匹配上的每个DOM对象调用一个处理(函数)
$().each,对于这个方法,在dom处理上面用的较多

如:
$(“input[name=’ch’]”).each(function(i){
if($(this).attr(‘checked’)==true)
{
//一些操作代码

}




$.each()
用于遍历一个对象

遍历一个数组
$.each([{“name”:”limeng”,”email”:”xfjylimeng”},{“name”:”hehe”,”email”:”xfjylimeng”},function(i,n)
{
    alert(“索引:”+i,”对应值为:”+n.name);
});


参数i为遍历索引值,n为当前的遍历对象(数组里的一个子项).
也可以用i作为下标进行访问


var arr1 = [ “one”, “two”, “three”, “four”, “five” ];
$.each(arr1, function(){
	alert(this);
});


遍历每一个数组项:
输出:one   two  three  four   five


var arr1 = ["one", "two", "three", "four", "five"];
$.each(arr1, function (i,n) {
	alert(i);
	alert(arr1[i]);
});


遍历每一个数组项:
输出:one   two  three  four   five
i为遍历索引值
n为数组项


var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){
	alert(item[0]);
});


i为遍历索引值
item为二维数组里的一个子项(一维数组)
输出:1   4   7


var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
	alert(obj[key]);
});


key为对象里(key/value)里的key
val为对象里(key/value)里的value



参考原文:http://www.frontopen.com/1394.html
分享到:
评论

相关推荐

    jQuery中$.each使用详解

    主要介绍了jQuery中$.each使用详解,需要的朋友可以参考下

    JQuery中$.each 和$(selector).each()的区别详解

    主要介绍了JQuery中$.each 和$(selector).each()的区别详解,本文给出了多个例子讲解了它们之间的不同之处,需要的朋友可以参考下

    详解Jquery 遍历数组之$().each方法与$.each()方法介绍

    $().each() 对于这个方法,在dom处理上用的比较多,如果一个html页面上面有多个checkbox,这时用$().each来处理checkbox是比较不错的; $("input[type='checkbox']").each(function(i){ $(this).attr("checked",true...

    jQuery.each使用详解

    jQuery.each方法是jQuery的核心工具方法之一,通用例遍方法,可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。通常需要两个参数 ...$.each( [0,1,2], function(i, n

    jquery里的each使用方法详解

    jQuery和jQuery对象都实 现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话 说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素...

    jquery的each()详解.docx

    jquery的each()详解.docx 学习必备

    jQuery extend()详解及简单实例

    $.each(lis,callback); 这里涉及到两个概念:工具方法与实例方法。通常我们说的工具方法是指无需实例化就可以调用的函数,如第一段代码;实例方法是必须实例化对象以后才可以调用的函数,如第二段代码。jQuery中很...

    jQuery源码解读之extend()与工具方法、实例方法详解

    本文实例讲述了jQuery源码解读之extend()与...$.each(lis,callback); 这里涉及到两个概念:工具方法与实例方法。通常我们说的工具方法是指无需实例化就可以调用的函数,如第一段代码;实例方法是必须实例化对象以后才

    jQuery中each方法的使用详解

    概述:  each() 方法规定为每个匹配元素规定运行的函数。  返回 false 可用于及早停止循环,相当于break。  返回 true 可以结束本次循环,相当于... $.each(array,function(Key,Value){ }) 1.遍历js数组 $(functi

    jQuery数组处理代码详解(含实例演示)

    代码如下:$.each(_mozi,function(key,val){ //回调函数有两个参数,第一个是元素索引,第二个为当前值 alert(‘_mozi数组中 ,索引 : ‘+key+’ 对应的值为: ‘+val); }); 2. $.grep()过滤数组[常用] 代码...

    jquery基础教程之数组使用详解

    1. $.each(array, [callback]) 遍历[常用] 解释: 不同于例遍jQuery对象的$().each()方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出...

    jQuery数组处理详解(含实例演示)

    1. $.each(array, [callback]) 遍历[常用] 解释: 不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量...

    jQuery Ajax异步处理Json数据详解

    先我们来看一个官方的实例使用 AJAX 请求来获得 JSON 数据,并输出结果: 代码如下:$(“button”).click(function(){ $.getJSON(“demo_ajax_json.js”,function(result){ $.each(result, function(i, field){ $...

    jQuery权威指南-源代码

    6.3.2 $.ajaxSetup()设置全局Ajax /181 6.4 Ajax中的全局事件/184 6.4.1 Ajax全局事件的基本概念/184 6.4.2 ajaxStart与ajaxStop全局事件/184 6.5 综合案例分析—用Ajax实现新闻点评即时更新/187 6.5.1 需求...

    Jquery 数组操作大全个人总结

    $.each(array, [callback]) 遍历[常用] 解释: 不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或...

Global site tag (gtag.js) - Google Analytics