ASP.NET MVC - parinkikliai

Struktūra, prie kurios ketiname dirbti kliento pusėje, yra DOM medis iš dokumento HTML, šis medis yra hierarchinė struktūra, kurioje kiekvienas elementas, kurį matome žiniatinklyje, žymimas atitinkama etikete.
Svarbu žinoti šią struktūrą, nes tai leis mums rasti skirtingus elementus, todėl galime įvertinti jų turimą vertę arba įtraukti tekstą, turinį iš kitų puslapių, galime apdoroti savo programos valdiklį ir sukurti vaizdą per puslapį, jo nereikia įkrauti ir pan.
Nuoroda į elementą
Kaip minėjome anksčiau, HTML Ji turi struktūrą, kurioje yra jos elementai, kad galėtume manipuliuoti šiais elementais, turime išmokti kurti nuorodas į juos, o su nuoroda galime įsitikinti, kad imsime norimą elementą ar elementus ir galėsime juos modifikuoti.
Efektyviausias būdasVienas iš populiariausių ir efektyviausių būdų yra ID parinkiklis, kaip žinome, etiketės gali turėti unikalius identifikatorius, kad būtų galima atskirti a HTML.
Toliau pateiktame paveikslėlyje pažiūrėkime kodą, kuriuo galime pasinaudoti Javascript elementas, naudojant jo id ypatybę:

Kode, kurį matėme, turime etiketę HTML div, tai turi ID, šią savybę paminėjome, kuri padės mums rasti ir pasirinkti elementą SAULĖ, bloko viduje Javascript dėka objekto dokumentas, Mes galime naudoti vieną iš jo metodų, kad gautume elementą pagal id, ir šiuo atveju mes įdedame tą patį div ir galiausiai su metodu internalText, priskiriame jam naują tekstą.
Kaip matome, puslapis buvo praturtintas, nepaisant to, kad tai gana paprastas pavyzdys, tai yra pagrindinis dalykas, kurį turime žinoti, kad galėtume sukurti tvirtą pagrindą.
Tobulinimas naudojant „jQuery“
Kaip mes žinome Javascript kartais galite nusidėti, kai turite parašyti daug kodo, kad atliktumėte keletą dalykų, šiuo metu įveskite „jQuery“ supakuotas minėtas funkcijas ir kodus, leidžiantis mums tas pačias funkcijas išspręsti naudojant sparčiuosius klavišus ir mažiau kodo, jis vis dar yra Javascript bet parašyta paprasčiau.
Šiame pavyzdyje pamatysime, kaip perrašome ankstesnį pavyzdį naudodami „jQuery“:

Kaip matome, apibendrinome metodo iškvietimų skaičių naudodami tiesiog .text () metodas pritaikytas a parinkiklis $ (), priklausomai nuo to, kaip mes vadiname savo elementą „jQuery“ leidžia mums pasiekti ID, klases, įskaitant pagal elementų tipą, jų vaikus ir kt.
Pavyzdžiui, jei norime padaryti tą patį ankstesnį pavyzdį, bet šiuo atveju etiketęužuot turėjęs ID, jis turi klasę:

Labas pasauli!

Čia matome, kad užuot skambinę selektoriui su $ ("# Selektorius"), tai darome naudodami $ (". selector"), problema yra ta, kad jei turėsime daugiau nei vieną tos pačios klasės elementą, mes jį paveiksime.
Tuo baigiame šią pamoką, kurioje šiek tiek daugiau įsigilinome į selektorių sąvoką ir kaip juos abu naudoti Javascript normalus kaip ir „jQuery“ taip sumažiname rašomo kodo kiekį.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką