ASP.NET MVC - Manipulação de Elementos no DOM

Além de ser capaz de manipular os eventos quando interagimos com os elementos, Javascript nos permite modificar as características básicas destes, isso é muito útil, pois com um evento podemos fazer um elemento mudar de cor ou talvez adicionar um novo elemento.
O mais interessante é que com a ajuda de ASP.NET Podemos criar rotinas que interagindo com os controladores para gerar este tipo de comportamento de forma dinâmica e com o conteúdo do banco de dados.
Modifique o DOMPara modifique o DOM Vamos usar jQuery Uma vez que este framework Javascript nos permite salvar muito código e já possui alguns recursos que o tornam compatível com a maioria dos navegadores, este último é porque devemos lembrar que tudo o que fazemos no DOM é do lado do cliente, portanto, é seu ambiente que pode ou não nos limitar …
Mudar o CSS
O CSS é o que dará estilos aos nossos elementos no SOL Por isso é muito importante, vamos imaginar que temos alguma validação e queremos que quando esta validação não for passada mostremos uma caixa vermelha para indicar a falha, ao manipular o SOL Podemos fazer isso da seguinte maneira, vamos ver a imagem com o exemplo:

Aqui destacamos o método .css (), Como podemos ver, passamos dois parâmetros, o primeiro parâmetro é a propriedade CSS que queremos adicionar ou ativar e o segundo parâmetro é o valor que esta propriedade deve assumir.
Adicionar um Novo Item
Não só podemos alterar os elementos existentes, mas também adicionar novos elementos, com isso podemos inserir texto, adicionar novos blocos, etc.
Qual método usar?Para isso, podemos usar o método .append (), onde colocaremos como parâmetro o conteúdo HTML que queremos inserir em nosso DOM, a única coisa que devemos ter em mente é que precisamos de um elemento com um id único Para usá-lo como um seletor, vamos ver na imagem a seguir como podemos fazer isso.

Também podemos remover elementos, isso é muito importante já que efeitos de movimento e ação podem ser alcançados na aplicação, com isso o usuário verá os efeitos de suas ações em tempo real, para isso usaremos o método .remove () e dentro passaremos o seletor que queremos remover do nosso DOM:

PROLONGAR

Aqui vemos no exemplo como eliminamos o elemento muito facilmente apenas indicando o rótulo no seletor.
Outras Propriedades
Podemos manipular todas as propriedades do elemento, a única coisa é que devemos nos documentar, pois é difícil conhecê-los todos de cor, porém na Internet temos os guia jQuery com o qual podemos usar a documentação oficial enquanto estamos fazendo nosso desenvolvimento.
O importante neste caso é saber o que queremos fazer, esse é o ponto chave para que possamos investigar e aprender no caminho, desde que conheçamos o aspecto básico estaremos bem.
Com isso terminamos este tutorial, como podemos ver que é bastante fácil interagir em um nível superior com o Árvore DOM, muito dessa facilidade se deve a jQuery quem facilita essa interação.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo