ASP.NET MVC - Manipulace s prvky v DOM

Kromě toho, že můžeme manipulovat s událostmi, když interagujeme s prvky, Javascript umožňuje nám upravit jejich základní vlastnosti, což je velmi užitečné, protože pomocí události můžeme změnit barvu prvku nebo přidat nový prvek.
Nejzajímavější je, že s pomocí ASP.NET Můžeme vytvářet rutiny, které interagují s řadiči a generují tento typ chování dynamicky as obsahem databáze.
Upravte DOMNa upravit DOM Jdeme použít jQuery Protože tento rámec Javascriptu nám umožňuje ušetřit spoustu kódu a již má některé funkce, díky nimž je kompatibilní s většinou prohlížečů, je tomu tak proto, že si musíme pamatovat, že vše, co děláme v DOM, je na straně klienta, proto je prostředí, které nás může, ale nemusí omezovat …
Změňte CSS
The CSS je to, co dá stylům našim prvkům v SLUNCE Z tohoto důvodu je to velmi důležité, představme si, že máme nějaké ověření a chceme, aby když toto ověření neprošlo, zobrazíme červené pole, které označuje selhání při manipulaci s SLUNCE Můžeme toho dosáhnout následujícím způsobem, podívejme se na obrázek s příkladem:

Zde zdůrazňujeme, je .css () metoda, Jak vidíme, předáváme dva parametry, prvním parametrem je vlastnost CSS které chceme přidat nebo aktivovat a druhým parametrem je hodnota, kterou by tato vlastnost měla nabývat.
Přidat novou položku
Nejenže můžeme měnit stávající prvky, ale také můžeme přidávat nové prvky, pomocí toho můžeme vkládat text, přidávat nové bloky atd.
Jakou metodu použít?K tomu můžeme použít .append () metoda, kde jako parametr umístíme obsah HTML, který chceme vložit do našeho DOM, jediné, co musíme mít na paměti, je, že potřebujeme prvek s jedinečným id Abychom jej mohli použít jako volič, podívejme se na následujícím obrázku, jak toho můžeme dosáhnout.

Můžeme také odstranit prvky, to je velmi důležité, protože pohybových a akčních efektů lze v aplikaci dosáhnout, díky čemuž uživatel uvidí účinky svých akcí v reálném čase, k tomu použijeme .remove () metoda a uvnitř projdeme voličem, který chceme odstranit z našeho DOM:

ZVĚTŠIT

Zde v příkladu vidíme, jak prvek velmi snadno odstraníme pouze uvedením štítku na voliči.
Další vlastnosti
Můžeme manipulovat se všemi vlastnostmi prvku, jediné je, že se musíme dokumentovat, protože je těžké je všechny znát nazpaměť, nicméně na internetu máme jQuery průvodce pomocí kterého můžeme používat oficiální dokumentaci, zatímco děláme náš vývoj.
Důležitá věc v tomto případě je vědět, co chceme dělat, to je klíčový bod, který pak můžeme zkoumat a učit se na cestě, pokud budeme znát základní aspekt, budeme v pořádku.
Tímto tento tutoriál dokončujeme, protože vidíme, že je docela snadné komunikovat na vyšší úrovni s Strom DOM, velká část tohoto zařízení je kvůli jQuery kdo tuto interakci usnadňuje.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