ASP.NET MVC - Elementmanipulation i DOM

Ud over at være i stand til at manipulere begivenhederne, når vi interagerer med elementerne, Javascript giver os mulighed for at ændre de grundlæggende egenskaber ved disse, dette er meget nyttigt, da vi med en begivenhed kan få et element til at ændre farve eller måske tilføje et nyt element.
Det mest interessante er det ved hjælp af ASP.NET Vi kan oprette rutiner, der interagerer med controllerne for at generere denne type adfærd dynamisk og med databaseindhold.
Rediger DOMTil ændre DOM Vi kommer til at bruge jQuery Da denne Javascript -ramme giver os mulighed for at gemme en masse kode og allerede har nogle funktioner, der gør den kompatibel med de fleste browsere, er sidstnævnte, fordi vi skal huske, at alt, hvad vi gør i DOM, er på klientsiden, for derfor er det dets miljø, som måske eller måske ikke begrænser os …
Skift CSS
Det CSS er det, der vil give stilarter til vores elementer i SOL Af denne grund er det meget vigtigt, lad os forestille os, at vi har en vis validering, og vi ønsker, at når denne validering ikke er bestået, viser vi et rødt felt for at angive fejlen, når vi manipulerer SOL Vi kan opnå dette på følgende måde, lad os se billedet med eksemplet:

Her fremhæver vi er .css () metode, Som vi kan se, passerer vi to parametre, den første parameter er egenskaben CSS som vi vil tilføje eller aktivere, og den anden parameter er den værdi, denne egenskab skal tage.
Tilføj et nyt element
Ikke alene kan vi ændre eksisterende elementer, vi kan også tilføje nye elementer, med dette kan vi indsætte tekst, tilføje nye blokke osv.
Hvilken metode skal bruges?Til dette kan vi bruge .append () metode, hvor vi som parameter vil placere det HTML -indhold, som vi vil indsætte i vores DOM, er det eneste, vi skal huske på, at vi har brug for en element med et unikt id For at bruge det som en selector, lad os se i det følgende billede, hvordan vi kan opnå dette.

Vi kan også fjerne elementer, dette er meget vigtigt, da bevægelse og handlingseffekter kan opnås i applikationen, med dette vil brugeren se virkningerne af deres handlinger i realtid, til dette vil vi bruge .remove () metode og indeni passerer vi vælgeren, som vi vil fjerne fra vores DOM:

FORSTØRRE

Her ser vi i eksemplet, hvordan vi meget let fjerner elementet kun ved at angive etiketten på vælgeren.
Andre ejendomme
Vi kan manipulere alle elementets egenskaber, det eneste er, at vi skal dokumentere os selv, da det er svært at kende dem alle udenad, men på Internettet har vi jQuery guide hvormed vi kan bruge den officielle dokumentation, mens vi gør vores udvikling.
Det vigtige i denne sag er at vide, hvad vi vil gøre, det er det centrale punkt, så kan vi undersøge og lære undervejs, så længe vi kender det grundlæggende aspekt, vil vi have det godt.
Med dette afslutter vi denne vejledning, som vi kan se, er det ret let at interagere på et højere niveau med DOM træ, skyldes meget af denne facilitet jQuery der letter denne interaktion.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt