I det föregående exemplet är det också möjligt att ta detta referens och skicka den till jQuery-funktionen så att DOM-elementet är invecklat med jQuery-funktionalitet.

Så istället för detta:

 // Öppna ID-attributet för DOM-elementet. alert (this.id);

Vi kunde ha gjort det här:

 // Vik DOM-elementet med ett jQuery-objekt, // och använd sedan attr () för att få tillgång till ID-värde. alert ($ (this) .attr (id));

Detta är möjligt eftersom jQuery-funktionen inte bara tar väljare uttryck, det kommer också att hänvisa till DOM-element. I koden, detta är en referens till ett DOM-element.

Anledningen till att du kanske vill pakka in jQuery-funktionalitet runt ett DOM-element borde vara uppenbart. Om du gör det ger du möjligheten att använda jQuery chaining, om du behöver det.

Iterating över en uppsättning av element som ingår i jQuery wrappersatsen är något som liknar det koncept vi just diskuterat. Genom att använda jQuery varje() metod kan vi iterera över varje DOM-element som finns i en omslagssats. Detta möjliggör åtkomst till varje DOM-element individuellt, via användningen av detta nyckelord.

Extrahera element från en Wrapper Set, använder dem direkt utan jQuery

Som demonstrerat ger jQuery det praktiska skaffa sig() metod för åtkomst till DOM-element i ett specifikt index i omslagssatsen.

Men det finns ett annat alternativ här. Du kan undvika att använda skaffa sig() metoden genom att helt enkelt använda fältet för kvadratfästeuppsättning på själva jQuery-objektet. I samband med vårt tidigare kodexempel:

Denna kod:

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

Kunde bli så här:

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

Båda tillåter åtkomst till själva DOM-elementet. Personligen föredrar jag kvadratkonsolnotation. Det är snabbare eftersom det använder inbyggd JavaScript för att hämta elementet från en array, istället för att överföra det till en metod.

Men skaffa sig() Metoden ger en smidig lösning för att placera alla DOM-elementen i en naturlig uppsättning. Genom att helt enkelt ringa skaffa sig() metod utan att överföra en indexparameter, kommer metoden att returnera alla DOM-elementen i omslagssatsen i en inbyggd JavaScript-grupp.

    jQuery.com jQuery.com jQuery.com    

Anmärkningar: Använder sig av skaffa sig() kommer att avsluta jQuery's chaining. Det kommer att ta omslagssatsen och ändra den till en enkel uppsättning DOM-element som inte längre är invecklade med jQuery-funktionalitet. Därför använder du .slutet() Metoden kan inte återställa kedjan efter .skaffa sig().

Kontrollera att se om ompaketet är tomt

Innan du börjar använda en omslagssats, är det logiskt att kontrollera att du faktiskt har valt något. Den enklaste lösningen är att använda en om uttalande för att kontrollera om omslagssatsen innehåller några DOM-element.

Sanningens sanning är ovanstående om uttalanden är inte helt nödvändiga, eftersom jQuery kommer att misslyckas tyst om inga element hittas. Varje metod som är kedjad till en tom omslagsuppsättning åberopas emellertid fortfarande. Så medan vi faktiskt kunde avstå från användningen av om uttalanden, det är troligt en bra tumregel att använda dem. Att anropa metoder på en tom omslagsuppsättning kan eventuellt leda till onödig bearbetning, såväl som oönskat resultat om metoder returnerar andra värden än omslagssatsen och dessa värden ageras på.

Skapa ett alias genom att byta namn på jQuery-objektet själv

jQuery tillhandahåller noConflict () metod som har flera användningsområden, nämligen möjligheten att ersätta $ med ett annat alias. Detta kan vara till hjälp på tre sätt: Det kan avstå från användningen av $ logga till ett annat bibliotek, undvik eventuella konflikter och ge möjlighet att anpassa namnrymden / aliaset för jQuery-objektet.

Låt oss till exempel säga att du bygger en webbapplikation för företag XYZ. Det kan vara trevligt att anpassa jQuery så att istället för att behöva använda jQuery ( 'div'). visa () eller $ (Div). Show () du kan använda XYZ (div). Show () istället.

    
Syncfusion., Inc.
    

Anmärkningar:Genom att passera noConflict () funktion ett booleskt värde av true, du kan helt ångra vad jQuery har infört på webbsidan. Detta bör endast användas i extrema fall eftersom det sannolikt kommer att orsaka problem med jQuery-plugins.

Använda .each () När Implicit Iteration är inte tillräckligt

Förhoppningsvis är det uppenbart att om du har en HTML-sida (exempel nedan) med tre tomma