Javascript Elke Functie

| | | | | | | | | | | | | | | | | | | | | |

jQuery each () is een beknopte manier om DOM-elementen te doorlopen. De Each () Methode is ontworpen om te worden aangeroepen op het jQuery-doelobject. Een jQuery-object is een object dat een of meer DOM-elementen bevat en toegang heeft tot jQuery-methoden. Niet alleen zal elke () minder fouten bevatten, het is ook gemakkelijker om meerdere DOM-elementen te manipuleren.

jQuery elke () vereist een callback-functie - een functie doorgegeven aan een andere functie die later zal worden uitgevoerd. In de callback-functie is toegang tot het indexnummer van het element en tot het element zelf. U vindt een meer complete analyse van de callback-functies.

Het toepassen van elke () is zo eenvoudig als een JavaScript-lus, maar er is weinig ruimte voor mogelijke verwarring. We zullen deze punten verduidelijken en de syntaxis onderzoeken. Aan het einde van deze handleiding vindt u stapsgewijze codevoorbeelden om de verschillende manieren te zien om jQuery each () toe te passen.

Wat is jQuery each ()?

jQuery is elk een lusproces voor de jQuery-bibliotheek. Het werkt als een JavaScript-lus door te herhalen over DOM-elementen. jQuery each () vereist een callback-functie, en binnen de callback-functie kunnen de DOM-elementen worden gemanipuleerd.

Terwijl binnen de body van de callback-functie, kunnen voorwaardelijke statements worden gebruikt om enkele van de geselecteerde items te wijzigen. De voorwaardelijke statements zijn zo ... dan in JavaScript. Dit biedt een dieper niveau van controle over hoe items precies worden gewijzigd.

Syntaxis jQuery elk ()

jQuery elk kan op twee manieren worden aangeroepen. Ten eerste als een methode die een geselecteerd item aanroept. De callback-functie accepteert maximaal twee optionele argumenten: index en waarde. Index is het indexnummer van het huidige item. Als het huidige element als eerste in de lijst zou staan, zou het indexnummer 0 opleveren.

de waardeargument verwijst naar het huidige element. Het is belangrijk op te merken dat om een methode aan de waarde te koppelen, we de waarde in een jQuery-selector moeten inpakken. we zetten dit alles in abstracte code zodat we het syntaxisdetail kunnen opsplitsen.

hier kiezen we elke

Onthoud dat [object Object] een tekenreeksrepresentatie is van een object. Dit betekent dat we een methode moeten aanroepen om de exacte gewenste waarde te extraheren. In het bovenstaande geval zijn we de methode text () gebruiken om het tekstkenmerk van het object te onthullen. Lees meer op [object object] om een idee te krijgen van ‚Äã‚Äãwat er precies terugkwam.

In het bovenstaande voorbeeld wordt het indexnummer opgeslagen gevolgd door het tekstkenmerk voor elke

die op deze manier schrijft, slaat ook de tekst van het huidige

handleiding behandelt de details van richtingsfuncties.

Voorbeelden jQuery elk ()

Laten we de bovenstaande syntaxisvoorbeelden uitbreiden en voeg enkele attributen toe. Laten we beginnen met een eenvoudige HTML-weergave van een lijst met kleuren die tot verschillende klassen behoren.

Hiermee worden alle tekstelementen in de DOM gemaakt. Eerst beginnen we met het opslaan van de tekst op de console met de richtingsfuncties en een traditionele functie.

Alleen selecteren -elementen geretourneerd.

We hebben dezelfde resultaten, maar met het this trefwoord.

we kunnen een anonieme functie gebruiken - een naamloze functie, zoals callback. Nogmaals, het retourneert rode, paarse en blauwe tekst. Opgemerkt moet worden dat hoewel de regiefuncties enige jQuery-functionaliteit hebben, het wordt aanbevolen om de traditionele functionele notatie te gebruiken voor jQuery-callbacks.

We weten nu hoe we een verzameling artikelen moeten doorlopen. Laten we nu wat leuks kleuren en veranderen!

< style> .colorSelect {kleur: blauw; } {. Groene kleur: groen; }

Na de kleurenlijstpagina hebben we enkele klassen toegevoegd aan het