ASP.NET MVC - Elementmanipulering i DOM

I tillegg til å kunne manipulere hendelsene når vi samhandler med elementene, Javascript lar oss endre de grunnleggende egenskapene til disse, dette er veldig nyttig siden vi med et arrangement kan få et element til å endre farge eller kanskje legge til et nytt element.
Det mest interessante er det ved hjelp av ASP.NET Vi kan lage rutiner som samhandler med kontrollerne for å generere denne typen atferd dynamisk og med databaseinnhold.
Endre DOMTil endre DOM Vi skal bruke jQuery Siden dette Javascript -rammeverket lar oss lagre mye kode og allerede har noen funksjoner som gjør den kompatibel med de fleste nettlesere, er sistnevnte fordi vi må huske at alt vi gjør i DOM er på klientsiden, for derfor er det miljøet som kan begrense oss eller ikke …
Endre CSS
De CSS er det som vil gi stiler til elementene våre i SOL Av denne grunn er det veldig viktig, la oss forestille oss at vi har en viss validering, og vi vil at når denne valideringen ikke er bestått, viser vi en rød boks for å indikere feilen når vi manipulerer SOL Vi kan oppnå dette på følgende måte, la oss se bildet med eksemplet:

Her fremhever vi er .css () -metode, Som vi kan se, passerer vi to parametere, den første parameteren er egenskapen CSS som vi vil legge til eller aktivere, og den andre parameteren er verdien som denne egenskapen skal ta.
Legg til et nytt element
Ikke bare kan vi endre eksisterende elementer, vi kan også legge til nye elementer, med dette kan vi sette inn tekst, legge til nye blokker, etc.
Hvilken metode å bruke?Til dette kan vi bruke .append () metode, der vi som parameter vil plassere HTML -innholdet som vi ønsker å sette inn i DOM, er det eneste vi må huske på at vi trenger en element med en unik ID For å bruke det som velger, la oss se på bildet nedenfor hvordan vi kan oppnå dette.

Vi kan også fjerne elementer, dette er veldig viktig siden bevegelse og handlingseffekter kan oppnås i applikasjonen, med dette vil brukeren se effekten av handlingene sine i sanntid, for dette vil vi bruke .remove () metode og inne passerer vi velgeren som vi vil fjerne fra DOM:

FORSTØRRE

Her ser vi i eksemplet hvordan vi eliminerer elementet veldig enkelt bare ved å angi etiketten på velgeren.
Andre eiendommer
Vi kan manipulere alle egenskapene til elementet, det eneste er at vi må dokumentere oss selv, siden det er vanskelig å kjenne dem alle utenat, men på Internett har vi jQuery -guide som vi kan bruke den offisielle dokumentasjonen til mens vi gjør utviklingen vår.
Det viktige i denne saken er å vite hva vi vil gjøre, det er nøkkelpunktet da kan vi undersøke og lære på veien, så lenge vi kjenner det grunnleggende aspektet, vil vi ha det bra.
Med dette fullfører vi denne opplæringen, som vi kan se er det ganske enkelt å samhandle på et høyere nivå med DOM -tre, mye av dette anlegget skyldes jQuery som tilrettelegger for denne interaksjonen.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng