ASP.NET MVC - Manipulacija elementima u DOM -u

Osim što možemo manipulirati događajima u interakciji s elementima, Javascript dopušta nam da promijenimo njihove osnovne karakteristike, to je vrlo korisno jer s događajem možemo promijeniti element u boji ili možda dodati novi element.
Najzanimljivije je to što uz pomoć ASP.NET Možemo stvoriti rutine koje u interakciji s kontrolerima generiraju ovu vrstu ponašanja dinamički i sa sadržajem baze podataka.
Izmijenite DOMDo izmijenite DOM Koristit ćemo jQuery Budući da nam ovaj Javascript okvir omogućuje uštedu mnogo koda i već ima neke značajke koje ga čine kompatibilnim s većinom preglednika, ovo drugo je zato što se moramo sjetiti da je sve što radimo u DOM -u na strani klijenta, jer je stoga njegovo okruženje koje nas može ili ne mora ograničiti …
Promijenite CSS
The CSS je ono što će dati stilove našim elementima u SUNCE Iz tog razloga je vrlo važno, zamislimo da imamo neku provjeru valjanosti i želimo da kada ta provjera nije položena, pokažemo crveni okvir koji označava grešku, prilikom manipulacije SUNCE To možemo postići na sljedeći način, pogledajmo sliku na primjeru:

Ovdje ističemo .css () metoda, Kao što vidimo, prosljeđujemo dva parametra, prvi parametar je svojstvo CSS koju želimo dodati ili aktivirati, a drugi parametar je vrijednost koju bi ovo svojstvo trebalo poprimiti.
Dodajte novu stavku
Ne samo da možemo promijeniti postojeće elemente, već možemo dodati i nove elemente, pomoću toga možemo umetnuti tekst, dodati nove blokove itd.
Koju metodu koristiti?Za to možemo koristiti .append () metoda, gdje ćemo kao parametar postaviti HTML sadržaj koji želimo umetnuti u svoj DOM, jedino što moramo imati na umu je da nam je potreban element s jedinstvenim ID -om Kako bismo ga koristili kao selektor, pogledajmo na sljedećoj slici kako to možemo postići.

Također možemo ukloniti elemente, što je vrlo važno jer se u aplikaciji mogu postići učinci kretanja i djelovanja, pri čemu će korisnik vidjeti učinke svojih radnji u stvarnom vremenu, za to ćemo koristiti .remove () metoda a unutra ćemo proći birač koji želimo ukloniti iz našeg DOM -a:

POVEĆAJTE

Ovdje u primjeru vidimo kako vrlo lako eliminiramo element samo označavanjem oznake na biraču.
Ostale nekretnine
Možemo manipulirati svim svojstvima elementa, jedino se moramo dokumentirati jer ih je teško sve znati napamet, međutim na Internetu imamo jQuery vodič s kojima možemo koristiti službenu dokumentaciju dok radimo svoj razvoj.
Važna stvar u ovom slučaju je znati što želimo učiniti, to je ključna točka koju možemo usput istraživati ​​i učiti, sve dok poznajemo osnovni aspekt bit ćemo dobro.
Ovim smo završili ovaj vodič, jer vidimo da je vrlo jednostavno komunicirati na višoj razini s DOM stablo, velik dio ovog objekta je posljedica jQuery koji olakšava ovu interakciju.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod