Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Knotenoperationsmethoden wie every(), find() und filter() in jQuery (empfohlen)

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

高洛峰
高洛峰Original
2016-12-29 10:59:481858Durchsuche

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:

79d7c95122630a3791db16c5259dc98d79d7c95122630a3791db16c5259dc98d

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:

e388a4556c0f65e1904146cc1a846bee45a2772a6b6107b401db3c9b82c049c2Hallo54bdf357c58b8a65c66d7c19c8e4d114, wie geht es dir?94b3e26ee717c64999d7867364b1b4a3

jQuery-Code:

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

Ergebnis:

[ 45a2772a6b6107b401db3c9b82c049c2Halloe8bd971c823b72fcc0574d49c6649b39And 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 !


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn