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 Vi kan bruke 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 Merknader: Enkle elementer som ikke inneholder attributter - f.eks. HTML-strengen som sendes til jQuery, kan ikke inneholde elementer som kan anses å være ugyldige inne i en 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. Du kan bestemme indeksen til et element i wrapper settet ved å sende det elementet til Bruken av Man antar kanskje feilaktig at Bruk av JavaScript 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 De 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 jQuery gir meg mer makt enn noe annet nettverktøy! Når du bruker Poenget her er det bare fordi du finne()
metode for å operere på ethvert element i HTML-strukturen når den er opprettet.
appendTo ()
metode for å legge til markeringen på siden.
$ ('')
- 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'))
.$ ()
.
Grokking indeksen () Metode
indeks ()
metode. For eksempel, anta at du har et innpakningssett som inneholder alle
indeks ()
slår egentlig ikke hjem før vi vurderer hvordan den kan brukes med hendelser. Som et eksempel, ved å klikke på dette
) til indeks ()
metode for å bestemme det klikket
Grokking teksten () Metode
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.
Oppdater eller fjern tegn ved hjelp av en vanlig uttrykk
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.
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
.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.
.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 ()
.
Bruk av fjerner () fjerner ikke elementer fra pakningssett
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.
fjerne()
elementer betyr ikke at de er fjernet fra jQuery wrapper settet.