jQuery Succinctly jQuery Manipulation

Skapa, fungera och lägga till HTML i flygningen

Du kan skapa HTML-markup på flyga genom att skicka jQuery-funktionen en rad rå HTML.

       

Det är viktigt att notera att när du skapar DOM-strukturer med jQuery-funktionen, läggs endast rotelement i strukturen till wrappersatsen. I föregående kodexempel

element kommer att vara de enda elementen i omslagssatsen.

Vi kan använda hitta() metod för att fungera på något element i HTML-strukturen när den är skapad.

       

Efter att ha kört på den nyskapade HTML, är det också möjligt att lägga till det i DOM med en av jQuerys manipulationsmetoder. Nedan använder vi append till() Metod för att lägga till markeringen på sidan.

       

Anmärkningar: Enkla element som inte innehåller attribut - t.ex.. $ ('

') - skapas via document.createElement DOM-metoden, medan alla andra fall är beroende av innerhtml fast egendom. Faktum är att du direkt kan skicka jQuery-funktionen direkt till ett element som skapats med document.createElement -t.ex. $ (Document.createElement (div)).

HTML-strängen som skickats till jQuery kan inte innehålla element som kan anses vara ogiltig inuti en

element.

HTML-strängen som passeras till jQuery-funktionen måste vara välformad.

Du bör öppna och stänga alla HTML-element när du skickar jQuery HTML. Om du inte gör det kan det leda till fel, oftast i Internet Explorer. Bara för att vara säker, stäng alltid dina HTML-element och undvik att skriva genväg HTML - t ex. $ (

).


Grokning indexet () Metod

Du kan bestämma indexet för ett element i omslagssatsen genom att överföra det här elementet till index() metod. Antag att du har en omslagsserie som innehåller alla

element på en webbsida, och du skulle vilja veta indexet för den sista
element.

    
0
1
2
3

Användningen av index() slår inte riktigt hem förrän vi överväger hur det kan användas med händelser. Som ett exempel, genom att klicka på

element i koden nedan kan vi passera den klickade
element (med hjälp av sökordet detta) till index() metod för att bestämma den klickade
s index.

    
nav text
nav text
nav text
nav text

Grokking texten () Metod

Man kan felaktigt anta att text() Metoden returnerar bara textnodet för det första elementet i en omslagssats. Det kommer emellertid att faktiskt anslutas till textnoderna för alla element som ingår i en wrappersats och sedan returnera det sammanlänkade värdet som en enda sträng. Se till att du är medveten om den här funktionaliteten, eller du kan få några oväntade resultat.

    
1,
2,
3,
4

Uppdatera eller ta bort tecken med en vanlig uttryck

Använda JavaScript byta ut() metod kombinerad med en del jQuery-funktionalitet kan vi mycket enkelt uppdatera eller ta bort alla mönster av tecken från texten som finns i ett element.

    

Jag hatar verkligen att använda JavaScript. Jag menar verkligen hatar det! Det är den bästa twister någonsin!

Du kan också uppdatera några tecken som finns i en sträng som returneras från html(). Det betyder att du inte bara kan uppdatera text utan även uppdatera och ersätta DOM-element via ett vanligt uttryck.


Grokking the .contents () Metod

De .innehåll() Metoden kan användas för att hitta alla barnelementnoden, inklusive textnoder som finns inuti ett element. Det finns dock en fångst. Om det hämtade innehållet endast innehåller textnoder kommer valet att placeras inuti omslagssatsen som en enda textnod. Om innehållet du hämtar har dock en eller flera element noder bland textnoderna, då .innehåll() Metoden kommer att innehålla textnoder och elementnoder. Undersök koden nedan för att förstå detta begrepp.

    

Jag älskar att använda jQuery!

jag älskar verkligen använder jQuery!

Observera att när ett objekt i omslagssatsen är en textnod måste vi extrahera värdet genom att använda .få (0) .nodeValue. De innehåll() Metoden är praktisk för att extrahera textnodvärden. Det är möjligt att bara extrahera textnoden från en DOM-struktur med hjälp av innehåll().

    

jQuery ger mig Mer kraft än något annat webbverktyg!


Använda remove () tar inte bort element från wrappersatsen

När du använder ta bort(), ett DOM-fragment från DOM-elementen som ingår i den borttagna DOM-strukturen finns fortfarande i omslagssatsen. Du kan ta bort ett element, fungera på det här elementet och sedan placera det elementet tillbaka i DOM, allt inom en enda jQuery-kedja.

    
ta bort mig

Poängen här är det bara för dig ta bort() element betyder inte att de avlägsnas från jQuery wrappersatsen.