✅ ASP.NET MVC

Sadržaj

Struktura na kojoj ćemo raditi na strani klijenta je DOM stablo dokumenta HTML, ovo stablo je hijerarhijska struktura u kojoj je svaki element koji vidimo na webu predstavljen odgovarajućom oznakom.
Važnost poznavanja ove strukture je u tome što će nam omogućiti lociranje različitih elemenata. Time možemo uzeti vrijednost koju sadrže ili uključiti tekst, sadržaj s drugih stranica, možemo obraditi kontroler naše aplikacije i generirati prikaz unutar stranicu bez potrebe za dopunjavanjem itd.
Referencirajte element
Kao što smo ranije spomenuli, HTML Ima strukturu u kojoj sadrži svoje elemente, da bismo mogli manipulirati tim elementima moramo naučiti stvarati reference na njih, s referencom možemo biti sigurni da ćemo uzeti željeni element ili elemente i moći ih izmijeniti.
Najučinkovitiji načinJedan od najpopularnijih i najučinkovitijih načina je birač id -a, kao što znamo, oznake mogu imati jedinstvene identifikatore kako bi mogle razlikovati elemente a HTML.
Pogledajmo na sljedećoj slici kod koji možemo uzeti zahvaljujući Javascript element koji koristi svojstvo id:

U kodu koji smo vidjeli imamo oznaku HTML div, ovo ima id, ovo svojstvo je ono koje smo spomenuli i koje će nam pomoći da lociramo i odaberemo element u SUNCE, unutar bloka Javascript zahvaljujući objektu dokument, Možemo upotrijebiti jednu od njegovih metoda za dobivanje elementa po id -u, au ovom slučaju stavljamo isti div i na kraju s metodom innerText, dodjeljujemo mu novi tekst.
Kako vidimo ovo, stranica je obogaćena, iako je prilično jednostavan primjer, to je najosnovnije što moramo znati da bismo izgradili čvrste temelje.
Poboljšanje s jQueryjem
Kao što znamo Javascript ponekad možete pogriješiti što morate napisati mnogo koda da biste učinili nekoliko stvari, u ovom trenutku unesite jQuery pakiranje spomenutih funkcionalnosti i kodova, dopuštajući nam da iste funkcije rješavamo prečacima i manje koda, to je i dalje Javascript ali napisano na jednostavniji način.
U sljedećem primjeru vidjet ćemo kako prepisujemo prethodni primjer pomoću jQuery:

Kao što vidimo, saželi smo broj poziva metoda koristeći jednostavno .text () metoda primjenjuje se na a birač $ (), ovisno o tome kako nazivamo naš element jQuery omogućuje nam pristup ID -u, klasama, uključujući prema vrsti elemenata, njihovu djecu itd.
Na primjer, ako želimo napraviti isti prethodni primjer, ali za ovaj slučaj oznakuumjesto ID -a ima klasu:

Pozdrav svijete!

Ovdje vidimo da umjesto pozivanja selektora sa $ ("# Selektor"), to radimo s $ (". selector"), problem s ovim je što ćemo, ako imamo više od jednog elementa s istom klasom, utjecati na to.
Ovim završavamo ovaj vodič u kojem smo još malo zašli u koncept selektora i kako ih koristiti oboje s Javascript normalno kao i kod jQuery čime se smanjuje količina koda koji pišemo.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod