jQuery Succinctly jQuery Manipulation

Opprette, operere og legge til HTML på fly

Du kan opprette HTML-markup på fly ved å sende jQuery-funksjonen en streng med rå HTML.

       

Det er viktig å merke seg at når du oppretter DOM-strukturer ved hjelp av jQuery-funksjonen, legges bare rotelementer i strukturen til wrapper-settet. I forrige kodeeksempel, den

elementene vil være de eneste elementene i wrapper settet.

Vi kan bruke finne() metode for å operere på ethvert element i HTML-strukturen når den er opprettet.

       

Etter at du har operert på den nyopprettede HTML, er det også mulig å legge det til DOM ved hjelp av en av jQuery's manipulasjonsmetoder. Nedenfor bruker vi appendTo () metode for å legge til markeringen på siden.

       

Merknader: Enkle elementer som ikke inneholder attributter - f.eks. $ ('

') - er opprettet via document.createElement DOM-metoden, mens alle andre tilfeller stole på innerhtml eiendom. Faktisk kan du direkte sende jQuery-funksjonen et element opprettet med document.createElement -f.eks. $ (Document.createElement ( 'div')).

HTML-strengen som sendes til jQuery, kan ikke inneholde elementer som kan anses å være ugyldige inne i en

element.

HTML-strengen som er gått til jQuery-funksjonen må være godt formet.

Du bør åpne og lukke alle HTML-elementer når du sender jQuery HTML. Hvis du ikke gjør det, kan det føre til feil, for det meste i Internet Explorer. For å være trygg, lukk alltid HTML-elementene dine og unngå å skrive snarvei-HTML - for eksempel. $ (

).


Grokking indeksen () Metode

Du kan bestemme indeksen til et element i wrapper settet ved å sende det elementet til indeks () metode. For eksempel, anta at du har et innpakningssett som inneholder alle

elementer på en nettside, og du vil gjerne vite indeksen til sist
element.

    
0
1
2
3

Bruken av indeks () slår egentlig ikke hjem før vi vurderer hvordan den kan brukes med hendelser. Som et eksempel, ved å klikke på

elementer i koden under, kan vi passere den klikket
element (ved hjelp av søkeordet dette) til indeks () metode for å bestemme det klikket
s indeks.

    
nav tekst
nav tekst
nav tekst
nav tekst

Grokking teksten () Metode

Man antar kanskje feilaktig at tekst() Metoden returnerer bare tekstnoderen til det første elementet i et innpakningssett. Imidlertid vil den faktisk bli med i tekstnoderne av alle elementene som finnes i et innpakningssett, og deretter returnere den sammenkædede verdien som en enkelt streng. Pass på at du er klar over denne funksjonaliteten, eller du kan få noen uventede resultater.

    
1,
2,
3,
4

Oppdater eller fjern tegn ved hjelp av en vanlig uttrykk

Bruk av JavaScript erstatte() metode kombinert med noe jQuery-funksjonalitet, kan vi veldig enkelt oppdatere eller fjerne ethvert mønster av tegn fra teksten som finnes i et element.

    

Jeg hater virkelig å bruke JavaScript. Jeg mener virkelig hater det! Det er den beste twister noensinne!

Du kan også oppdatere noen tegn som finnes i en streng som returneres fra html (). Dette betyr at du ikke bare kan oppdatere tekst, men også oppdatere og erstatte DOM-elementer via et vanlig uttrykk.


Grokking the .contents () Metode

De .innholdet () Metoden kan brukes til å finne alle elementene i barnelementet, inkludert tekstnoder inneholdt i et element. Det er imidlertid en fangst. Hvis det hentede innholdet bare inneholder tekstnoder, vil valget bli plassert inne i wrapper-settet som en enkelt tekstknute. Men hvis innholdet du henter, har en eller flere elementnoder mellom tekstnoderne, da .innholdet () Metoden vil inneholde tekstnoder og elementnoder. Undersøk koden under for å forstå dette konseptet.

    

Jeg elsker å bruke jQuery!

jeg elsker egentlig bruker jQuery!

Legg merke til at når et element i innpakningssettet er en tekstknute, må vi trekke ut verdien ved å bruke .får (0) .nodeValue. De innholdet () Metoden er praktisk for å utvinne tekstnodeverdier. Det er mulig å trekke ut kun tekstnoder fra en DOM-struktur ved hjelp av innholdet ().

    

jQuery gir meg mer makt enn noe annet nettverktøy!


Bruk av fjerner () fjerner ikke elementer fra pakningssett

Når du bruker fjerne(), en DOM-kode fra DOM-elementene som er inneholdt i den fjernede DOM-strukturen, finnes fortsatt i innpakningssettet. Du kan fjerne et element, operere på det elementet, og deretter plassere elementet faktisk tilbake til DOM, alt innenfor en enkelt jQuery-kjede.

    
fjern meg

Poenget her er det bare fordi du fjerne() elementer betyr ikke at de er fjernet fra jQuery wrapper settet.