ASP.NET MVC - Selectoare

Structura pe care vom lucra din partea clientului este Copac DOM a documentului HTML, acest arbore este o structură ierarhică în care fiecare element pe care îl vedem pe web este reprezentat de eticheta sa respectivă.
Importanța cunoașterii acestei structuri este că ne va permite să localizăm diferitele elemente, cu aceasta putem lua valoarea pe care o conțin sau include text, conținut din alte pagini, putem procesa un controler al aplicației noastre și putem genera o vizualizare într-un pagină fără a fi nevoie să o reîncărcați etc.
Trimiteți un element
După cum am menționat mai devreme, HTML Are o structură în care își conține elementele, pentru a manipula aceste elemente trebuie să învățăm să creăm referințe la ele, cu o referință ne putem asigura că vom lua elementul sau elementele dorite și le vom putea modifica.
Cel mai eficient modUna dintre cele mai populare și eficiente modalități este cu selector id, după cum știm, etichetele pot avea identificatori unici pentru a putea diferenția elementele unui HTML.
Să vedem în imaginea următoare un cod de unde putem lua mulțumiri Javascript un element folosind proprietatea sa id:

În codul pe care l-am văzut, avem o etichetă HTML div, acesta are un id, această proprietate este cea pe care am menționat-o, care ne va ajuta să localizăm și să selectăm elementul din SOARE, într-un bloc Javascript datorită obiectului document, Putem folosi una dintre metodele sale pentru a obține un element prin id și în acest caz plasăm același lucru cu divul și în cele din urmă cu metoda text interior, îi atribuim un nou text.
După cum vedem acest lucru, pagina a fost îmbogățită, deși este un exemplu destul de simplu, este cel mai de bază lucru pe care trebuie să îl cunoaștem pentru a construi o bază solidă.
Îmbunătățirea cu jQuery
După cum știm Javascript uneori poți să păcătuiești că trebuie să scrii o mulțime de cod pentru a face puține lucruri, în acest moment introduceți jQuery ambalarea funcționalităților și codurilor menționate, permițându-ne să rezolvăm aceleași funcții cu comenzi rapide și mai puține coduri, este totuși Javascript dar scris într-un mod mai simplu.
În exemplul următor vom vedea cum rescriem exemplul anterior folosind jQuery:

După cum putem vedea, am rezumat numărul de apeluri de metodă folosind pur și simplu .text () metoda aplicat la o selector $ (), în funcție de modul în care numim elementul nostru jQuery ne permite să accesăm id, clase, inclusiv după tipul de elemente, copiii acestora etc.
De exemplu, dacă vrem să facem același exemplu anterior, dar pentru acest caz etichetaîn loc să aibă un id are o clasă:

Salut Lume!

Aici vedem asta în loc să chemăm selectorul cu $ („# Selector”), o facem cu $ (". selector"), problema cu aceasta este că, dacă avem mai multe elemente cu aceeași clasă, îl vom afecta.
Cu aceasta încheiem acest tutorial în care am aprofundat puțin mai mult conceptul de selectoare și cum să le folosim pe amândouă Javascript normal ca la jQuery scăzând astfel cantitatea de cod pe care o scriem.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