zoukankan      html  css  js  c++  java
  • jQuery中$.each的用法

    jQuery中$.each的用法

     
    本文导读:jQuery中each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。

    jQuery中通过$.each,你可以遍历对象、数组的属性值并进行处理。

    使用说明

    1、遍历对象(有附加参数)

    $.each(Object, function(p1, p2) {
     
         this;       //这里的this指向每次遍历中Object的当前属性值
     
         p1; p2;     //访问附加参数
     
    }, ['参数1', '参数2']);
    

    2、遍历数组(有附件参数)

    $.each(Array, function(p1, p2){
     
         this;       //这里的this指向每次遍历中Array的当前元素
     
         p1; p2;     //访问附加参数
     
    }, ['参数1', '参数2']);
    

    3、遍历对象(没有附加参数)

    $.each(Object, function(name, value) {
     
         this;      //this指向当前属性的值
     
         name;      //name表示Object当前属性的名称
     
         value;     //value表示Object当前属性的值
    
     
    });
    

    4、遍历数组(没有附加参数)

    $.each(Array, function(i, value) {
     
         this;      //this指向当前元素
     
         i;         //i表示Array当前下标
     
         value;     //value表示Array当前元素
     
    });
    

    下面提一下jQuery的each方法的几种常用的用法

     
      var arr = [ "one", "two", "three", "four"];     
    
     $.each(arr, function(){     
         alert(this);     
     });     
     //上面这个each输出的结果分别为:one,two,three,four    
         
     var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
     $.each(arr1, function(i, item){     
        alert(item[0]);     
     });     
    
     //其实arr1为一个二维数组,item相当于取每一个一维数组,   
     //item[0]相对于取每一个一维数组里的第一个值   
     //所以上面这个each输出分别为:1   4   7     
       
       
     var obj = { one:1, two:2, three:3, four:4};     
     $.each(obj, function(key, val) {     
         alert(obj[key]);           
     });   
     //这个each就又更厉害了,能循环每一个属性     
     //输出结果为:1   2  3  4
  • 相关阅读:
    springmvc
    POJ 3683 Priest John's Busiest Day
    POJ 3678 Katu Puzzle
    HDU 1815 Building roads
    CDOJ UESTC 1220 The Battle of Guandu
    HDU 3715 Go Deeper
    HDU 3622 Bomb Game
    POJ 3207 Ikki's Story IV
    POJ 3648 Wedding
    HDU 1814 Peaceful Commission
  • 原文地址:https://www.cnblogs.com/omg24/p/4288497.html
Copyright © 2011-2022 走看看