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 Vi kan använda 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 Anmärkningar: Enkla element som inte innehåller attribut - t.ex.. HTML-strängen som skickats till jQuery kan inte innehålla element som kan anses vara ogiltig inuti en 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. Du kan bestämma indexet för ett element i omslagssatsen genom att överföra det här elementet till Användningen av Man kan felaktigt anta att Använda JavaScript 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 De 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 jQuery ger mig Mer kraft än något annat webbverktyg! När du använder Poängen här är det bara för dig hitta()
metod för att fungera på något element i HTML-strukturen när den är skapad.
append till()
Metod för att lägga till markeringen på sidan.
$ ('')
- 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))
.$ ()
.
Grokning indexet () Metod
index()
metod. Antag att du har en omslagsserie som innehåller alla
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å detta
) till index()
metod för att bestämma den klickade
Grokking texten () Metod
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.
Uppdatera eller ta bort tecken med en vanlig uttryck
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.
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
.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.
.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()
.
Använda remove () tar inte bort element från wrappersatsen
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()
element betyder inte att de avlägsnas från jQuery wrappersatsen.