ASP.NET MVC - selektorer

Den struktur, som vi skal arbejde på på klientsiden, er DOM træ af dokumentet HTML, dette træ er en hierarkisk struktur, hvor hvert element, vi ser på nettet, er repræsenteret af dets respektive etiket.
Vigtigheden af ​​at kende denne struktur er, at den giver os mulighed for at lokalisere de forskellige elementer, med dette kan vi tage den værdi, de indeholder eller inkludere tekst, indhold fra andre sider, vi kan behandle en controller for vores applikation og generere en visning inden for en side uden at skulle oplade den osv.
Henvisning til et element
Som vi nævnte tidligere, er HTML Den har en struktur, hvor den indeholder dens elementer, for at manipulere disse elementer skal vi lære at oprette referencer til dem, med en reference kan vi sikre, at vi tager det eller de ønskede elementer og er i stand til at ændre dem.
Mest effektive mådeEn af de mest populære og effektive måder er med id -vælger, som vi kender, kan etiketterne have unikke identifikatorer for at kunne differentiere elementerne i a HTML.
Lad os se i det følgende billede en kode, som vi kan tage tak til Javascript et element, der bruger dets id -egenskab:

I den kode, vi så, har vi en etiket HTML div, dette har et id, denne egenskab er den, vi nævnte, der hjælper os med at lokalisere og vælge elementet i SOL, inden for en blok Javascript takket være objektet dokument, Vi kan bruge en af ​​dets metoder til at opnå et element ved id'et, og i dette tilfælde placerer vi det samme af div'en og til sidst med metoden indre tekst, vi tildeler en ny tekst til den.
Som vi ser dette, er siden blevet beriget, på trods af at det er et ret simpelt eksempel, er det det mest basale, vi skal vide for at bygge et solidt fundament.
Forbedring med jQuery
Som vi ved Javascript nogle gange kan du synde med at skulle skrive en masse kode for at gøre få ting, på dette tidspunkt skal du indtaste jQuery pakker de nævnte funktioner og koder, så vi kan løse de samme funktioner med genveje og mindre kode, er det stadig Javascript men skrevet på en enklere måde.
I det følgende eksempel vil vi se, hvordan vi omskriver det tidligere eksempel ved hjælp af jQuery:

Som vi kan se, har vi opsummeret antallet af metodeopkald ved blot at bruge .text () metode anvendt på en vælger $ (), afhængigt af hvordan vi kalder vores element jQuery giver os adgang til id, klasser, herunder efter elementtype, deres børn osv.
For eksempel hvis vi vil gøre det samme tidligere eksempel, men i dette tilfælde etiketteni stedet for at have et id har den en klasse:

Hej Verden!

Her ser vi det i stedet for at kalde vælgeren med $ ("# Vælger"), vi gør det med $ (". selector"), problemet med dette er, at hvis vi har mere end et element med samme klasse, vil vi påvirke det.
Med dette afslutter vi denne vejledning, hvor vi har gået lidt mere ind i konceptet selektorer og hvordan man bruger dem begge med Javascript normalt som med jQuery dermed reducere mængden af ​​kode, vi skriver.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