Detaillierte Erläuterung der Verwendungsbeispiele von $.each in jQuery

Dieser Artikel stellt hauptsächlich die detaillierte Erklärung der Verwendung von $.each in jQuery vor. Freunde, die es benötigen, können darauf verweisen

Dadurch können Sie Objekte durchlaufen und Arrays Attribut Wert hinzufügen und verarbeiten.

Gebrauchsanweisung

Die Auswirkungen der einzelnen Funktionen sind je nach Art der Parameter nicht vollständig konsistent:

1. Objekte durchqueren (mit zusätzlichen Parametern)

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

2. Traverse-Array(mit Anhangsparametern)

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

3 Objekt (keine Anhangsparameter)

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

4. Durchlaufen Sie das Array (keine zusätzlichen Parameter)

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

Im Folgenden werden mehrere häufige Verwendungen der einzelnen Methoden von jQuery erwähnt

Js-Code

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

Dieser Artikel hört hier zunächst auf und beschreibt jQuery kurz. Ich hoffe, euch gefällt die Verwendung von $.each.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendungsbeispiele von $.each in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!