In het vorige voorbeeld is het ook mogelijk om de deze verwijzing en geef deze door aan de jQuery-functie zodat het DOM-element is omsloten met de jQuery-functionaliteit.

Dus in plaats van dit:

 // Toegang tot het ID-kenmerk van het DOM-element. alert (this.id);

We hadden dit kunnen doen:

 // Wikkel het DOM-element in met een jQuery-object // en gebruik vervolgens attr () om de ID-waarde te openen. alert ($ (this) .attr ( 'id'));

Dit is mogelijk omdat de jQuery-functie niet alleen expressies van keuzemogelijkheden gebruikt, maar ook verwijzingen naar DOM-elementen. In de code, deze is een verwijzing naar een DOM-element.

De reden waarom u jQuery-functionaliteit rond een DOM-element wilt verpakken moet duidelijk zijn. Als u dit doet, kunt u jQuery-kettingwerk gebruiken, mocht u dit nodig hebben.

Het herhalen van een reeks elementen in de jQuery-wikkelset lijkt enigszins op het concept dat we zojuist hebben besproken. Door de jQuery te gebruiken elk() methode kunnen we elk DOM-element in een wrapper-set herhalen. Hiermee krijgt u toegang tot elk DOM-element afzonderlijk, via het gebruik van de deze trefwoord.

Extraheren van elementen uit een omslagset, rechtstreeks gebruiken zonder jQuery

Zoals aangetoond, biedt jQuery het handige krijgen() methode voor toegang tot DOM-elementen bij een specifieke index in de wrapset.

Maar er is een andere optie hier. U kunt het gebruik van de vermijden krijgen() methode door simpelweg de notatie van de vierkante haaks array te gebruiken op het jQuery-object zelf. In de context van ons vorige codevoorbeeld:

Deze code:

 $ ('a'). get (0) .title = 'jQuery.com';

Kan dit worden:

 $ ('a') [0] .title = 'jQuery.com';

Beide geven toegang tot het daadwerkelijke DOM-element. Persoonlijk geef ik de voorkeur aan de notatie met vierkante haakjes. Het is sneller omdat het native JavaScript gebruikt om het element uit een array op te halen, in plaats van het door te geven aan een methode.

echter, de krijgen() methode biedt een gladde oplossing voor het plaatsen van alle DOM-elementen in een native array. Door gewoon de krijgen() methode zonder een indexparameter door te geven, retourneert de methode alle DOM-elementen in de wrapper die is ingesteld in een native JavaScript-array.

    jQuery.com jQuery.com jQuery.com    

Opmerkingen: Gebruik makend van krijgen() zal jQuery's ketenen beëindigen. De wrapper wordt ingesteld en verandert deze in een eenvoudige array van DOM-elementen die niet langer zijn omwikkeld met jQuery-functionaliteit. Daarom, met behulp van de .einde() methode kan het ketenen niet herstellen na .krijgen().

Controleren om te zien of de Wrapper Set leeg is

Voordat u met een wikkelset begint te werken, is het logisch om te controleren of u in feite iets hebt geselecteerd. De eenvoudigste oplossing is om een als statement om te controleren of de wrapset DOM-elementen bevat.

De waarheid van de zaak is het bovenstaande als statements zijn niet helemaal noodzakelijk, omdat jQuery stil zal falen als er geen elementen worden gevonden. Elke methode die is gekoppeld aan een lege wrapperset, wordt echter nog steeds aangeroepen. Dus terwijl we eigenlijk het gebruik van de als uitspraken, is het waarschijnlijk een goede vuistregel om ze te gebruiken. Het aanroepen van methoden op een lege wrapper-set kan mogelijk onnodige verwerking tot gevolg hebben, evenals ongewenste resultaten als methoden andere waarden retourneren dan de set wrapper en deze waarden worden toegepast op.

Een alias maken door het jQuery-object zelf een nieuwe naam te geven

jQuery biedt de geen conflict() methode die verschillende toepassingen heeft, namelijk de mogelijkheid om te vervangen $ met een ander alias. Dit kan op drie manieren nuttig zijn: het kan het gebruik van de $ ondertekenen bij een andere bibliotheek, potentiële conflicten helpen voorkomen en de mogelijkheid bieden om de naamruimte / alias voor het jQuery-object aan te passen.

Laten we bijvoorbeeld stellen dat u een webtoepassing voor bedrijf XYZ aan het bouwen bent. Het is misschien leuk om jQuery aan te passen, zodat je dit niet hoeft te gebruiken jQuery ( 'div'). concert () of $ ( 'Div'). Concert () je zou kunnen gebruiken XYZ ( 'div'). Concert () in plaats daarvan.

    
Syncfusion., Inc.
    

Opmerkingen:Door het geen conflict() functioneer een Booleaanse waarde van waar, u kunt volledig ongedaan maken wat jQuery heeft geïntroduceerd in de webpagina. Dit zou alleen in extreme gevallen moeten worden gebruikt, omdat dit, meer dan waarschijnlijk, problemen met jQuery-plug-ins veroorzaakt.

Gebruik van .each () wanneer impliciete iteratie niet voldoende is

Hopelijk is het duidelijk dat als je een HTML-pagina hebt (voorbeeld hieronder) met drie leeg