ASP.NET MVC - voliče

Struktura, na které budeme na straně klienta pracovat, je Strom DOM dokumentu HTMLTento strom je hierarchická struktura, kde každý prvek, který vidíme na webu, je reprezentován příslušným štítkem.
Důležitost znalosti této struktury spočívá v tom, že nám umožní lokalizovat různé prvky, pomocí kterých můžeme převzít hodnotu, kterou obsahují, nebo zahrnout text, obsah z jiných stránek, můžeme zpracovat řadič naší aplikace a generovat pohled v rámci stránku, aniž byste ji museli dobíjet atd.
Odkaz na prvek
Jak jsme již zmínili dříve, HTML Má strukturu, kde obsahuje své prvky, abychom s těmito prvky mohli manipulovat, musíme se naučit vytvářet na ně odkazy, pomocí odkazu se můžeme ujistit, že vezmeme požadovaný prvek nebo prvky a budeme je moci upravit.
Nejúčinnější způsobJedním z nejpopulárnějších a nejúčinnějších způsobů je pomocí volič ID, jak víme, štítky mohou mít jedinečné identifikátory, aby mohly rozlišovat prvky a HTML.
Podívejme se na následujícím obrázku na kód, kam se můžeme díky Javascript prvek používající jeho vlastnost id:

V kódu, který jsme viděli, máme štítek HTML div, this has an id, this property is the one we mentioned that will help us locacate and select the element in the SLUNCE, v bloku Javascript díky objektu dokument, K získání prvku pomocí id můžeme použít jednu z jeho metod a v tomto případě umístíme totéž z div a nakonec s metodou innerText, přiřadíme mu nový text.
Jak to vidíme, stránka byla obohacena, přestože jde o poměrně jednoduchý příklad, je to nejzákladnější věc, kterou musíme vědět, abychom vybudovali pevný základ.
Vylepšení pomocí jQuery
Jak víme Javascript někdy můžete zhřešit tím, že budete muset napsat spoustu kódu, abyste mohli dělat pár věcí, v tomto bodě zadejte jQuery zabalení uvedených funkcí a kódů, což nám umožňuje řešit stejné funkce pomocí zkratek a méně kódu, to je stále Javascript ale psáno jednodušším způsobem.
V následujícím příkladu uvidíme, jak přepíšeme předchozí příklad pomocí jQuery:

Jak vidíme, shrnuli jsme počet volání metod jednoduše pomocí .text () metoda aplikován na a volič $ (), podle toho, jak nazýváme náš živel jQuery umožňuje nám přístup k id, třídám, včetně typu prvků, jejich podřízených atd.
Například pokud chceme udělat stejný předchozí příklad, ale pro tento případ štítekmísto ID má třídu:

Ahoj světe!

Zde vidíme, že místo volání voliče pomocí $ ("# Volič"), děláme to s $ („. selector“), problém je v tom, že pokud máme více než jeden prvek se stejnou třídou, ovlivníme to.
Tímto dokončujeme tento tutoriál, kde jsme se trochu více ponořili do konceptu selektorů a jak je oba používat s Javascript normální jako u jQuery čímž se snižuje množství kódu, který píšeme.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod