ASP.NET MVC - väljare

Strukturen som vi ska arbeta med på klientsidan är DOM -träd av dokumentet HTML, detta träd är en hierarkisk struktur där varje element som vi ser på webben representeras av sin respektive etikett.
Vikten av att känna till denna struktur är att den tillåter oss att lokalisera de olika elementen, med detta kan vi ta värdet de innehåller eller inkludera text, innehåll från andra sidor, vi kan bearbeta en kontroller av vår applikation och generera en vy inom en sida utan att behöva ladda upp den osv.
Referera till ett element
Som vi nämnde tidigare, HTML Den har en struktur där den innehåller dess element, för att manipulera dessa element måste vi lära oss att skapa referenser till dem, med en referens kan vi se till att vi ska ta det eller de önskade elementen och kunna ändra dem.
Mest effektiva sättetEtt av de mest populära och effektiva sätten är med id -väljare, som vi vet kan etiketterna ha unika identifierare för att kunna differentiera elementen i a HTML.
Låt oss se i följande bild en kod som vi kan ta tack till Javascript ett element som använder dess id -egenskap:

I koden vi såg har vi en etikett HTML div, detta har ett id, den här egenskapen är den vi nämnde som hjälper oss att hitta och välja elementet i SOL, inom ett kvarter Javascript tack vare objektet dokumentera, Vi kan använda en av dess metoder för att erhålla ett element med id och i det här fallet placerar vi samma av div och slutligen med metoden innerText, tilldelar vi en ny text till den.
Som vi ser detta har sidan berikats, trots att det är ett ganska enkelt exempel, är det det mest grundläggande vi måste veta för att bygga en solid grund.
Förbättra med jQuery
Som vi vet Javascript ibland kan du synda att behöva skriva en massa kod för att göra få saker, vid denna tidpunkt jQuery förpackning av dessa funktioner och koder, så att vi kan lösa samma funktioner med genvägar och mindre kod, är det fortfarande Javascript men skrivet på ett enklare sätt.
I följande exempel kommer vi att se hur vi skriver om det tidigare exemplet med jQuery:

Som vi kan se har vi sammanfattat antalet metodsamtal med hjälp av helt enkelt .text () metod tillämpas på a väljare $ ()beroende på hur vi kallar vårt element jQuery låter oss komma åt id, klasser, inklusive efter typ av element, deras barn, etc.
Till exempel om vi vill göra samma tidigare exempel men för detta fall etikettenistället för att ha ett id har den en klass:

Hej världen!

Här ser vi det istället för att ringa väljaren med $ ("# Väljare"), vi gör det med $ (". selector"), problemet med detta är att om vi har mer än ett element med samma klass kommer vi att påverka det.
Med detta avslutar vi denna handledning där vi har fördjupat oss lite mer i begreppet väljare och hur man använder dem båda med Javascript normalt som med jQuery vilket minskar mängden kod vi skriver.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng