ASP.NET MVC - elementų manipuliavimas DOM

Be to, kad galime manipuliuoti įvykiais, kai sąveikaujame su elementais, Javascript leidžia mums pakeisti pagrindines jų charakteristikas, tai labai naudinga, nes įvykio metu galime pakeisti elemento spalvą arba galbūt pridėti naują elementą.
Įdomiausia tai, kad padedant ASP.NET Mes galime sukurti tvarką, kuri sąveikauja su valdikliais, kad dinamiškai ir su duomenų bazės turiniu sukurtų tokio tipo elgesį.
Pakeiskite DOMĮ modifikuoti DOM Mes ketiname naudoti „jQuery“ Kadangi ši „Javascript“ sistema leidžia mums išsaugoti daug kodo ir jau turi tam tikrų funkcijų, dėl kurių ji suderinama su dauguma naršyklių, pastaroji yra todėl, kad turime prisiminti, kad viskas, ką darome DOM, yra kliento pusėje, todėl jo aplinka, kuri gali mus riboti arba neriboti …
Pakeiskite CSS
The CSS tai suteiks stilių mūsų elementams SAULĖ Dėl šios priežasties tai labai svarbu, įsivaizduokime, kad turime tam tikrą patvirtinimą ir norime, kad kai šis patvirtinimas nebus išlaikytas, parodysime raudoną langelį, nurodantį nesėkmę, kai manipuliuojame SAULĖ Tai galime pasiekti tokiu būdu, pažiūrėkime paveikslėlį su pavyzdžiu:

Čia mes pabrėžiame .css () metodas, Kaip matome, perduodame du parametrus, pirmasis parametras yra savybė CSS kurį norime pridėti arba suaktyvinti, o antrasis parametras yra vertė, kurią turėtų turėti ši ypatybė.
Pridėti naują elementą
Mes galime ne tik pakeisti esamus elementus, bet ir pridėti naujų elementų, taip įterpti tekstą, pridėti naujų blokų ir pan.
Kokį metodą naudoti?Tam galime naudoti .append () metodas, kur kaip parametrą įdėsime HTML turinį, kurį norime įterpti į savo DOM, vienintelis dalykas, kurį turime turėti omenyje, yra tas, kad mums reikia elementas su unikaliu ID Kad galėtume jį naudoti kaip selektorių, pažiūrėkime, kaip tai pasiekti.

Taip pat galime pašalinti elementus, tai labai svarbu, nes programoje galima pasiekti judesio ir veiksmų efektus, todėl vartotojas matys savo veiksmų poveikį realiu laiku, tam mes naudosime .remove () metodas ir viduje praeisime selektorių, kurį norime pašalinti iš savo DOM:

DIDELIS

Čia pavyzdyje matome, kaip labai lengvai pašaliname elementą tik nurodydami etiketę ant selektoriaus.
Kitos savybės
Mes galime manipuliuoti visomis elemento savybėmis, vienintelis dalykas yra tai, kad turime save dokumentuoti, nes sunku jas visas žinoti mintinai, tačiau internete mes turime „jQuery“ vadovas kuria mes galime naudotis oficialiais dokumentais, kol vystome.
Šiuo atveju svarbu žinoti, ką norime daryti, tai yra esminis dalykas, tada galime tirti ir mokytis pakeliui, jei žinosime pagrindinį aspektą, mums viskas bus gerai.
Tuo baigiame šią pamoką, nes matome, kad su ja bendrauti aukštesniu lygiu yra gana paprasta DOM medis, didžioji dalis šios galimybės yra dėl „jQuery“ kuris palengvina šią sąveiką.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką