ASP.NET MVC - Manipulare element în DOM

Pe lângă faptul că putem manipula evenimentele atunci când interacționăm cu elementele, Javascript ne permite să modificăm caracteristicile de bază ale acestora, acest lucru este foarte util, deoarece cu un eveniment putem face ca un element să schimbe culoarea sau poate adăuga un element nou.
Cel mai interesant lucru este că, cu ajutorul ASP.NET Putem crea rutine care interacționează cu controlerele pentru a genera acest tip de comportament dinamic și cu conținutul bazei de date.
Modificați DOMLa modificați DOM Vom folosi jQuery Deoarece acest cadru Javascript ne permite să economisim o mulțime de cod și are deja câteva caracteristici care îl fac compatibil cu majoritatea browserelor, acesta din urmă se datorează faptului că trebuie să ne amintim că tot ceea ce facem în DOM este de partea clientului, deoarece, prin urmare, este mediul său care ne poate limita sau nu …
Schimbați CSS
CSS este ceea ce va da stiluri elementelor noastre în SOARE Din acest motiv este foarte important, să ne imaginăm că avem unele validări și vrem ca atunci când această validare nu este trecută, să afișăm o casetă roșie pentru a indica eșecul, atunci când manipulăm SOARE Putem realiza acest lucru în felul următor, să vedem imaginea cu exemplul:

Aici subliniem este metoda .css (), După cum putem vedea, trecem doi parametri, primul parametru este proprietatea CSS pe care dorim să o adăugăm sau să o activăm și al doilea parametru este valoarea pe care ar trebui să o ia această proprietate.
Adăugați un element nou
Nu numai că putem modifica elementele existente, putem adăuga și elemente noi, cu aceasta putem insera text, adăuga noi blocuri etc.
Ce metodă să folosești?Pentru aceasta putem folosi .metend () metoda, unde ca parametru vom plasa conținutul HTML pe care dorim să îl inserăm în DOM, singurul lucru pe care trebuie să-l avem în vedere este că avem nevoie de un element cu un id unic Pentru a-l utiliza ca selector, să vedem în imaginea următoare cum putem realiza acest lucru.

De asemenea, putem elimina elemente, acest lucru este foarte important deoarece efectele de mișcare și acțiune pot fi realizate în aplicație, cu aceasta utilizatorul va vedea efectele acțiunilor lor în timp real, pentru aceasta vom folosi .remove () metoda iar în interior vom trece de selectorul pe care dorim să îl eliminăm din DOM:

MARI

Aici vedem în exemplu cum eliminăm elementul foarte ușor doar indicând eticheta de pe selector.
Alte proprietăți
Putem manipula toate proprietățile elementului, singurul lucru este că trebuie să ne documentăm, deoarece este dificil să le cunoaștem pe de rost, cu toate acestea pe Internet avem ghid jQuery cu care putem folosi documentația oficială în timp ce ne dezvoltăm.
Important în acest caz este să știm ce vrem să facem, acesta este punctul cheie, atunci putem investiga și învăța pe drum, atâta timp cât știm aspectul de bază, vom fi bine.
Cu aceasta terminăm acest tutorial, după cum putem vedea, este destul de ușor să interacționăm la un nivel superior cu Copac DOM, o mare parte din această facilitate se datorează jQuery cine facilitează această interacțiune.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv