ASP.NET MVC - atlasītāji

Struktūra, pie kuras mēs strādāsim klienta pusē, ir DOM koks no dokumenta HTML, šis koks ir hierarhiska struktūra, kurā katru tīmeklī redzamo elementu attēlo tā attiecīgā etiķete.
Šīs struktūras apzināšanas nozīme ir tāda, ka tā ļaus mums atrast dažādus elementus, tādējādi mēs varam ņemt vērā to vērtību vai iekļaut tekstu, saturu no citām lapām, mēs varam apstrādāt mūsu lietojumprogrammas kontrolieri un izveidot skatu lapu bez nepieciešamības to papildināt utt.
Atsauce uz elementu
Kā jau minējām iepriekš ,. HTML Tam ir struktūra, kurā tas satur savus elementus, lai manipulētu ar šiem elementiem, mums jāiemācās izveidot atsauces uz tiem, ar atsauci mēs varam pārliecināties, ka mēs uzņemsim vajadzīgo elementu vai elementus un spēsim tos modificēt.
Visefektīvākais veidsViens no populārākajiem un efektīvākajiem veidiem ir ar ID atlasītājs, kā mēs zinām, etiķetēm var būt unikāli identifikatori, lai varētu atšķirt a HTML.
Tālāk redzamajā attēlā redzēsim kodu, kuram mēs varam ņemt paldies Javascript elements, izmantojot tā id rekvizītu:

Kodā, ko mēs redzējām, mums ir etiķete HTML div, šim ir ID, šis īpašums ir tas, kuru mēs minējām un kas palīdzēs mums atrast un atlasīt elementu SAULE, bloka ietvaros Javascript pateicoties objektam dokuments, Mēs varam izmantot vienu no tās metodēm, lai iegūtu elementu pēc id, un šajā gadījumā mēs ievietojam to pašu div un visbeidzot ar metodi internalText, mēs tam piešķiram jaunu tekstu.
Kā mēs to redzam, lapa ir bagātināta, lai gan tas ir diezgan vienkāršs piemērs, tā ir visvienkāršākā lieta, kas mums jāzina, lai izveidotu stabilu pamatu.
Uzlabošana, izmantojot jQuery
Kā mēs zinām Javascript dažreiz jūs varat grēkot, ja jums ir jāraksta daudz koda, lai veiktu dažas darbības, šajā brīdī ievadiet jQuery iesaiņojot minētās funkcijas un kodus, ļaujot mums atrisināt tās pašas funkcijas ar īsceļiem un mazāk koda, tas joprojām ir Javascript bet uzrakstīts vienkāršākā veidā.
Nākamajā piemērā mēs redzēsim, kā mēs pārrakstām iepriekšējo piemēru, izmantojot jQuery:

Kā redzam, mēs esam apkopojuši metodes izsaukumu skaitu, izmantojot vienkārši .text () metode piemēroja a atlasītājs $ (), atkarībā no tā, kā mēs saucam savu elementu jQuery ļauj mums piekļūt ID, klasēm, tostarp pēc elementu veida, viņu bērniem utt.
Piemēram, ja mēs vēlamies darīt to pašu iepriekšējo piemēru, bet šajā gadījumā etiķetitā vietā, lai būtu ID, tam ir klase:

Sveika pasaule!

Šeit mēs redzam, ka tā vietā, lai zvanītu atlasītājam ar $ ("# Atlasītājs"), mēs to darām ar $ (". selector"), problēma ir tāda, ka, ja mums ir vairāk nekā viens elements ar vienu un to pašu klasi, mēs to ietekmēsim.
Ar to mēs pabeidzam šo pamācību, kurā esam nedaudz vairāk iedziļinājušies selektoru koncepcijā un to, kā tos abus izmantot Javascript normāli kā ar jQuery tādējādi samazinot rakstāmā koda daudzumu.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