ASP.NET MVC - Манипулиране на елементи в DOM

Освен че можем да манипулираме събитията, когато взаимодействаме с елементите, Javascript ни позволява да променяме основните характеристики на тях, това е много полезно, тъй като със събитие можем да накараме елемент да промени цвета си или може би да добавим нов елемент.
Най -интересното е, че с помощта на ASP.NET Можем да създадем процедури, които взаимодействат с контролерите, за да генерират динамично този тип поведение и със съдържание на базата данни.
Променете DOMДа се променете DOM Ще използваме jQuery Тъй като тази рамка на Javascript ни позволява да запишем много код и вече има някои функции, които го правят съвместим с повечето браузъри, последното е, защото трябва да помним, че всичко, което правим в DOM, е от клиентската страна, тъй като следователно е неговата среда, която може или не може да ни ограничи …
Променете CSS
The CSS е това, което ще даде стилове на нашите елементи в СЛЪНЦЕ Поради тази причина е много важно, нека си представим, че имаме някакво валидиране и искаме, когато това валидиране не бъде преминато, да покажем червено поле, което да показва неуспеха, когато манипулираме СЛЪНЦЕ Можем да постигнем това по следния начин, нека видим изображението с примера:

Тук подчертаваме, че .css () метод, Както виждаме, предаваме два параметъра, първият параметър е свойството CSS който искаме да добавим или активираме и вторият параметър е стойността, която това свойство трябва да приеме.
Добавете нов елемент
Не само можем да променим съществуващи елементи, но и да добавим нови елементи, с това можем да вмъкнем текст, да добавим нови блокове и т.н.
Какъв метод да използвам?За това можем да използваме .append () метод, където като параметър ще поставим HTML съдържанието, което искаме да вмъкнем в нашия DOM, единственото нещо, което трябва да имаме предвид, е, че се нуждаем от елемент с уникален идентификатор За да го използваме като селектор, нека видим на следващото изображение как можем да постигнем това.

Можем също така да премахваме елементи, това е много важно, тъй като в приложението могат да се постигнат ефекти на движение и действие, като по този начин потребителят ще види ефектите от действията си в реално време, за това ще използваме .remove () метод и вътре ще преминем селектора, който искаме да премахнем от нашия DOM:

Увеличете

Тук виждаме в примера как премахваме елемента много лесно само като посочим етикета на селектора.
Други имоти
Можем да манипулираме всички свойства на елемента, единственото нещо е, че трябва да се документираме, тъй като е трудно да ги познаем наизуст, но в интернет имаме ръководство за jQuery с които можем да използваме официалната документация, докато правим нашата разработка.
Важното в този случай е да знаем какво искаме да направим, това е ключовият момент, след който можем да проучим и научим по пътя, докато знаем основния аспект, ще се оправим.
С това приключваме този урок, както можем да видим, че е доста лесно да взаимодействате на по -високо ниво с DOM дърво, голяма част от това съоръжение се дължи на jQuery който улеснява това взаимодействие.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка