Zusammenfassung gängiger Anwendungsbeispiele für die Datenverarbeitung in jQuery

Hier stellen wir hauptsächlich die allgemeine Datenverarbeitungsverwendung von jQuery vor, und die Beispiele fassen die allgemeinen Datenverarbeitungsmethoden von jQuery zusammen, wie z. B. trim, param, isArray, isFunction und every. Freunde, die neu bei jQuery sind, können sich auf die Verwendung beziehen.

1. $.trim(): Entfernen Sie die Leerzeichen vor und nach der -Zeichenfolge .

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

2. $.param(): Array oder Objektserialisierung.

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

3. $.isArray(): Überprüfen Sie, ob es sich um ein Array handelt.
4. $.isFunction(): Überprüfen Sie, ob es sich um einen Funktionstyp handelt.
5. $.each(obj, [callback]):Das Array durchlaufen oder das Sammlungsobjekt. obj ist das zu durchlaufende Sammlungsobjekt und callback stellt die Callback-Funktion 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 every()-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 durchqueren, während $(selector).each() nur durchqueren kann die aktuelle Auswahl Das vom Selektor ausgewählte jQuery-Objekt.

6. $.makeArray(): Array-ähnliche Objekte in Array-Objekte umwandeln. 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()方法了

7. $.grep(): Elemente im Array herausfiltern, die die Bedingungen gemäß der Filterfunktion nicht erfüllen.

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

Erklärung: Das Parameterarray stellt das zu filternde Array dar und Callback 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);

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

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

9. $.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];

10. $.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 = $(&#39;.link&#39;); //包含#1,#2,#3
var $firstLink = $(&#39;.link1&#39;); //包含#1
var $links = $.merge($link, $firstLink); //包含#1,#2,#3,#1
var $linkList = $.unique($link); //包含#1,#2,#3

Hinweis: Es können nur DOM-Element-Arrays verarbeitet werden, nicht jedoch Zeichenfolgen oder JavaScript-Arrays.

Das obige ist der detaillierte Inhalt vonZusammenfassung gängiger Anwendungsbeispiele für die Datenverarbeitung in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!