Detaillierte Erläuterung der Knotenoperationsmethoden wie every(), find() und filter() in jQuery (empfohlen)

1.each(callback)

Offizielle Erklärung:

Rückgabewert: jQuery

Übersicht

Führen Sie eine Funktion mit jedem passenden Element als Kontext aus.

bedeutet, dass jedes Mal, wenn die übergebene Funktion ausgeführt wird, das Schlüsselwort this in der Funktion auf ein anderes DOM-Element verweist (jedes Mal ein anderes passendes Element). Darüber hinaus wird bei jeder Ausführung der Funktion ein numerischer Wert, der die Position des Elements als Ausführungsumgebung im passenden Elementsatz darstellt, als Parameter an die Funktion übergeben (eine Ganzzahl beginnend bei Null). Die Rückgabe von „false“ stoppt die Schleife (genau wie die Verwendung von „break“ in einer normalen Schleife). Gibt „true“ zurück, um zur nächsten Schleife zu springen (genau wie die Verwendung von „continue“ in einer normalen Schleife).

Parameter

Rückruf

Funktion, die für jedes passende Element ausgeführt werden soll

Beispiel

Beschreibung:

Iteriert über zwei Bilder und legt deren src-Attribut fest. Hinweis: Hier bezieht sich dies auf das DOM-Objekt und nicht auf das jQuery-Objekt.

HTML-Code:

jQuery-Code:

$("img").each(function(i){
this.src = "test" + i + ".jpg";
});

Ergebnis:

[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]

2.find(expr|obj|ele)

Offizielle Erklärung:

Rückgabewert: jQuery

Übersicht

Suche nach allen Elementen, die dem angegebenen Ausdruck entsprechen. Diese Funktion ist eine großartige Möglichkeit, die Nachkommenelemente des verarbeiteten Elements herauszufinden.

Alle Suchvorgänge basieren auf jQuery-Ausdrücken. Dieser Ausdruck kann mit der CSS1-3-Selektorsyntax geschrieben werden.

Parameter

expr String
Ausdruck zum Finden
jQuery-Objektobjekt
Ein jQuery-Objekt zum Abgleichen von Elementen
Element DOMElement
Ein DOM-Element

Beispiel

Beschreibung:

Beginnen Sie mit allen Absätzen und suchen Sie weiter unten nach span-Elementen. Identisch mit $("p span").

HTML-Code:

Hallo, wie geht es dir?

jQuery-Code:

$("p").find("span")

Ergebnis:

[ Hallo

3.filter(expr|obj|ele|fn)

Offizielle Erklärung:

Übersicht

Ausdrücke herausfiltern und angeben Der Satz von Elementen, die mit der Formel übereinstimmen.

Diese Methode wird verwendet, um den Übereinstimmungsbereich einzugrenzen. Trennen Sie mehrere Ausdrücke durch Kommas.

Parameter

expr String
String-Wert, der Selektorausdrücke zum Abgleichen mit dem aktuellen Satz von Elementen enthält.
jQuery-Objektobjekt
Ein vorhandenes jQuery-Objekt, das mit dem aktuellen Element übereinstimmt.
Elementausdruck
Ein DOM-Element, das zum Abgleichen von Elementen verwendet wird.
Funktion(Index) Funktion
Eine Funktion wird als Sammlung von Testelementen verwendet. Es akzeptiert einen Parameterindex, der der Index des Elements in der jQuery-Sammlung ist. In Funktionen bezieht sich dies auf das aktuelle DOM-Element.

Beispiel

Beschreibung des Parameterselektors:

Elemente mit ausgewählter Klasse beibehalten

HTML-Code:

<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>

jQuery-Code:

$("p").filter(".selected")

Ergebnis:

[

And Again

Das Obige ist das vom Editor und Filter eingeführte every() und find(). ) und andere Knotenbetriebsmethoden detaillierte (empfohlene) verwandte Kenntnisse, ich hoffe, dass es für alle hilfreich ist. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht, und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Ausführlichere Erläuterungen (empfohlen) zu Knotenoperationsmethoden wie every(), find() und filter() in jQuery finden Sie auf der chinesischen PHP-Website !