Zusammenfassung gängiger Datenverarbeitungsmethoden in jQuery_jquery

Die Beispiele in diesem Artikel fassen die gängigen Datenverarbeitungsmethoden von jQuery zusammen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

$.trim(): Leerzeichen vor und nach der Zeichenfolge entfernen.

var str = ' 薯条 ';
var formatStr = $.trim(str);  //'薯条'

$.param(): Array- oder Objektserialisierung.

var obj = {
  name: 'dog',
  count: 10
};
var str = $.param(obj); //"name=dog&count=10"

$.isArray(): Prüfen Sie, ob es sich um ein Array handelt.
$.isFunction(): Überprüfen Sie, ob es sich um einen Funktionstyp handelt.
$.each(obj, [callback]): Array- oder Sammlungsobjekte durchlaufen. obj ist das zu durchlaufende Sammlungsobjekt, und callback stellt die Rückruffunktion dar, die gestartet wird, wenn jedes Mitglied durchlaufen wird. Die Rückruffunktion enthält zwei Parameter. Der erste Parameter ist der Index des Objektmitglieds oder Arrays und der zweite Parameter ist der entsprechende Wert.

var a = [x,y,z];
$.each(a, function(index, value) {
  console.log(index); //0,1,2
  console.log(value); //x,y,z
});
var b = {x:1, y:2, z:3};
$.each(b, function(key, value)) {
  console.log(key);  //x,y,z
  console.log(value); //1,2,3
}

Hinweis: Wenn Sie die Each()-Schleife auf halbem Weg verlassen möchten, können Sie in der Rückruffunktion false zurückgeben, und andere Rückgabewerte werden ignoriert.

$.each() und $(selector).each() haben die gleiche Funktion, aber $.each() kann jedes Objekt oder Array durchlaufen, während $(selector).each() nur die ausgewählten Objekte durchlaufen kann durch das aktuelle Selektor-jQuery-Objekt.

$.makeArray(): Array-ähnliche Objekte in Array-Objekte konvertieren. Das sogenannte Array-ähnliche Objekt verfügt über ein Längenattribut und der Index reicht von 0 bis Länge-1. Diese Objekte können jedoch keine Array-Methoden aufrufen.

var arr = $.makeArray($('li')); //类数组对象转换为数组
$('ul').html(arr.reverse()); //可以调用数组的reverse()方法了

$.grep(): Elemente im Array herausfiltern, die die Bedingungen basierend auf der Filterfunktion nicht erfüllen.

$.grep(array, callback, [invert]);

Erklärung: Das Parameterarray stellt das zu filternde Array dar und der Rückruf stellt die Filterfunktion dar. Wenn die Filterfunktion „true“ zurückgibt, bleibt das Element erhalten; wenn die Filterfunktion „false“ zurückgibt, wird das Element gelöscht. Der optionale Parameter „invert“ gibt, wenn er „false“ ist oder nicht, die Elemente im Array zurück, die von der Filterfunktion „true“ zurückgegeben werden. Wenn dieser Parameter „true“ ist, werden die Elemente zurückgegeben, die von der Filterfunktion „false“ zurückgegeben werden.

var a = [1,2,3,4,5];
a = $.grep(a, function(value, index)) {
  return value > 3; //a现在为[4,5]
});
var b = [1,2,3,4,5];
b = $.grep(b, function(value, index)) {
  return value > 3; //b现在为[1,2,3]
}, true);

$.map(): Kartenarray.
$.map(array, callback);

var a = [1,2,3,4];
a = $.map(a, function(elem)) {
  return elem * 2; //a现在为[2,4,6,8]
});

$.merge(): Arrays zusammenführen.
Beschreibung: Akzeptiert zwei Array-Parameter.

var a = [1,2,3];
var b = [4,5];
var c = $.merge(a,b); //c为[1,2,3,4,5];

$.unique(): Duplikate im DOM-Element-Array entfernen.

...
<a id="1" class="link link1"></a>
<a id="2" class="link"></a>
<a id="3" class="link"></a>
...
var $link = $('.link'); //包含#1,#2,#3
var $firstLink = $('.link1'); //包含#1
var $links = $.merge($link, $firstLink); //包含#1,#2,#3,#1
var $linkList = $.unique($link); //包含#1,#2,#3

Hinweis: Es können nur DOM-Elementarrays verarbeitet werden, keine Zeichenfolgen oder JavaScript-Arrays.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.