ASP.NET MVC - elementu manipulācija DOM

Papildus iespējai manipulēt ar notikumiem, kad mijiedarbojamies ar elementiem, Javascript ļauj mums mainīt to pamatīpašības, tas ir ļoti noderīgi, jo ar notikumu mēs varam mainīt elementa krāsu vai, iespējams, pievienot jaunu elementu.
Interesantākais ir tas, ka ar palīdzību ASP.NET Mēs varam izveidot rutīnas, kas mijiedarbojas ar kontrolieriem, lai radītu šāda veida uzvedību dinamiski un ar datu bāzes saturu.
Mainīt DOMUz modificēt DOM Mēs gatavojamies izmantot jQuery Tā kā šī Javascript sistēma ļauj mums ietaupīt daudz koda un tai jau ir dažas funkcijas, kas padara to saderīgu ar lielāko daļu pārlūkprogrammu, tā ir tāpēc, ka mums jāatceras, ka viss, ko mēs darām DOM, ir klienta pusē, tāpēc tas ir tā vide, kas mūs var ierobežot vai neierobežot …
Mainiet CSS
CSS ir tas, kas piešķirs stilus mūsu elementiem SAULE Šī iemesla dēļ tas ir ļoti svarīgi, iedomāsimies, ka mums ir kāda validācija, un mēs vēlamies, lai tad, kad šī apstiprināšana nav nokārtota, mēs parādītu sarkanu lodziņu, kas norāda uz kļūmi, manipulējot ar SAULE Mēs to varam sasniegt šādā veidā, aplūkosim attēlu ar piemēru:

Šeit mēs izceļam .css () metode, Kā redzam, mēs nododam divus parametrus, pirmais parametrs ir īpašums CSS ko mēs vēlamies pievienot vai aktivizēt, un otrs parametrs ir vērtība, kas jāņem šim īpašumam.
Pievienot jaunu vienumu
Mēs varam ne tikai mainīt esošos elementus, bet arī pievienot jaunus elementus, ar to mēs varam ievietot tekstu, pievienot jaunus blokus utt.
Kādu metodi izmantot?Šim nolūkam mēs varam izmantot .apend () metode, kur kā parametru mēs ievietosim HTML saturu, kuru vēlamies ievietot mūsu DOM, vienīgais, kas mums jāpatur prātā, ir tas, ka mums ir nepieciešams elements ar unikālu ID Lai to izmantotu kā atlasītāju, redzēsim nākamajā attēlā, kā mēs to varam sasniegt.

Mēs varam arī noņemt elementus, tas ir ļoti svarīgi, jo lietojumprogrammā var sasniegt kustības un darbības efektus, tādējādi lietotājs redzēs savu darbību sekas reālā laikā, tāpēc mēs izmantosim .remove () metode un iekšpusē mēs nokārtosim atlasītāju, kuru vēlamies noņemt no mūsu DOM:

PALIELINĀT

Šeit mēs redzam piemērā, kā mēs ļoti viegli likvidējam elementu, tikai norādot etiķeti uz selektora.
Citas īpašības
Mēs varam manipulēt ar visām elementa īpašībām, vienīgais ir tas, ka mums ir jādokumentē sevi, jo ir grūti tos visus no galvas zināt, tomēr internetā mums ir jQuery ceļvedis ar kuru mēs varam izmantot oficiālo dokumentāciju, kamēr mēs izstrādājam.
Svarīgs šajā gadījumā ir zināt, ko mēs vēlamies darīt, tas ir galvenais punkts, pēc tam mēs varam izpētīt un mācīties ceļā, ja vien mēs zinām pamata aspektu, mums viss būs kārtībā.
Ar to mēs pabeidzam šo apmācību, jo mēs redzam, ka ir diezgan viegli mijiedarboties augstākā līmenī ar DOM koks, liela daļa šīs iespējas ir saistīta ar jQuery kas veicina šo mijiedarbību.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu