ASP.NET MVC - manipulacja elementami w DOM

Oprócz możliwości manipulowania zdarzeniami podczas interakcji z elementami, JavaScript pozwala nam modyfikować ich podstawowe cechy, jest to bardzo przydatne, ponieważ w przypadku zdarzenia możemy sprawić, że element zmieni kolor lub może dodać nowy element.
Najciekawsze jest to, że przy pomocy ASP.NET Możemy tworzyć procedury, które współdziałając z kontrolerami generują tego typu zachowania dynamicznie i z zawartością bazy danych.
Zmodyfikuj DOMW celu modyfikować DOM Będziemy używać jQuery Ponieważ ten framework JavaScript pozwala nam zaoszczędzić dużo kodu i ma już pewne funkcje, które sprawiają, że jest kompatybilny z większością przeglądarek, jest to spowodowane tym, że musimy pamiętać, że wszystko, co robimy w DOM, jest po stronie klienta, dlatego jest to jego otoczenie, które może lub nie może nas ograniczać…
Zmień CSS
ten CSS jest tym, co nada styl naszym elementom w SŁOŃCE Z tego powodu jest to bardzo ważne, wyobraźmy sobie, że mamy jakąś walidację i chcemy, aby gdy ta walidacja nie zostanie przekazana, pokazaliśmy czerwone pole, aby wskazać awarię, podczas manipulowania SŁOŃCE Możemy to osiągnąć w następujący sposób, spójrzmy na obrazek na przykładzie:

Tutaj podkreślamy, że metoda .css (), Jak widać, przekazujemy dwa parametry, pierwszym parametrem jest właściwość CSS którą chcemy dodać lub aktywować, a drugim parametrem jest wartość, jaką ta właściwość powinna przyjąć.
Dodaj nowy przedmiot
Nie tylko możemy zmieniać istniejące elementy, możemy również dodawać nowe elementy, dzięki temu możemy wstawiać tekst, dodawać nowe bloki itp.
Jakiej metody użyć?Do tego możemy użyć .append() metoda, gdzie jako parametr umieścimy treść HTML, którą chcemy wstawić do naszego DOM, jedyne o czym musimy pamiętać to to, że potrzebujemy element z unikalnym identyfikatorem Aby użyć go jako selektora, zobaczmy na poniższym obrazku, jak możemy to osiągnąć.

Możemy również usuwać elementy, jest to bardzo ważne, ponieważ efekty ruchu i akcji można osiągnąć w aplikacji, dzięki czemu użytkownik zobaczy efekty swoich działań w czasie rzeczywistym, do tego wykorzystamy .remove() metoda a w środku przekażemy selektor, który chcemy usunąć z naszego DOM:

POWIĘKSZAĆ

Tutaj widzimy na przykładzie, jak bardzo łatwo eliminujemy element tylko poprzez wskazanie etykiety na selektorze.
Inne właściwości
Możemy manipulować wszystkimi właściwościami elementu, jedyne, że musimy sami udokumentować, ponieważ trudno je wszystkie znać na pamięć, jednak w Internecie mamy jQuery przewodnik dzięki któremu możemy korzystać z oficjalnej dokumentacji podczas tworzenia naszego oprogramowania.
Ważną rzeczą w tym przypadku jest wiedzieć, co chcemy zrobić, to jest kluczowy punkt, dzięki któremu możemy badać i uczyć się po drodze, o ile znamy podstawowy aspekt, wszystko będzie dobrze.
Na tym kończymy ten samouczek, ponieważ widzimy, że dość łatwo jest wchodzić w interakcję na wyższym poziomie z drzewo DOM, duża część tego udogodnienia jest spowodowana jQuery kto ułatwia tę interakcję.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt