✅ ASP.NET MVC

Innholdsfortegnelse

Strukturen vi skal jobbe med på klientsiden er DOM -tre av dokumentet HTML, dette treet er en hierarkisk struktur der hvert element vi ser på nettet er representert med sin respektive etikett.
Viktigheten av å kjenne denne strukturen er at den lar oss finne de forskjellige elementene, med dette kan vi ta verdien de inneholder eller inkludere tekst, innhold fra andre sider, vi kan behandle en kontroller av applikasjonen vår og generere en visning i en siden uten å måtte lade den opp, etc.
Henvis til et element
Som vi nevnte tidligere, er HTML Den har en struktur der den inneholder dens elementer, for å manipulere disse elementene må vi lære å lage referanser til dem, med en referanse kan vi sørge for at vi skal ta det eller de ønskede elementene og kunne endre dem.
Mest effektive måtenEn av de mest populære og effektive måtene er med ID -velger, som vi kjenner, kan etikettene ha unike identifikatorer for å kunne differensiere elementene i a HTML.
La oss se på det følgende bildet en kode vi kan ta tak i Javascript et element som bruker ID -egenskapen:

I koden vi så, har vi en etikett HTML div, dette har en id, denne egenskapen er den vi nevnte som vil hjelpe oss med å finne og velge elementet i SOL, innenfor en blokk Javascript takket være objektet dokument, Vi kan bruke en av metodene for å skaffe et element med id, og i dette tilfellet plasserer vi det samme av div og til slutt med metoden innerText, tildeler vi en ny tekst til den.
Når vi ser dette, har siden blitt beriket, til tross for at det er et ganske enkelt eksempel, er det det mest grunnleggende vi må vite for å bygge et solid fundament.
Forbedring med jQuery
Som vi vet Javascript noen ganger kan du synde med å måtte skrive mye kode for å gjøre få ting, på dette tidspunktet jQuery emballasje av funksjonalitet og koder, slik at vi kan løse de samme funksjonene med snarveier og mindre kode, er det fortsatt Javascript men skrevet på en enklere måte.
I det følgende eksemplet ser vi hvordan vi skriver om det forrige eksemplet ved å bruke jQuery:

Som vi kan se har vi oppsummert antall metodeanrop ved å bruke bare .text () metode søkt på a velger $ (), avhengig av hvordan vi kaller elementet vårt jQuery gir oss tilgang til ID, klasser, inkludert etter elementtype, deres barn, etc.
For eksempel hvis vi vil gjøre det samme tidligere eksemplet, men i dette tilfellet etiketteni stedet for å ha en id har den en klasse:

Hei Verden!

Her ser vi det i stedet for å ringe velgeren med $ ("# Velger"), vi gjør det med $ (". selector"), problemet med dette er at hvis vi har mer enn ett element med samme klasse, vil vi påvirke det.
Med dette fullfører vi denne opplæringen, der vi har gått litt mer inn i konseptet med velgere og hvordan vi kan bruke dem begge Javascript normalt som med jQuery dermed reduseres mengden kode vi skriver.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng