ASP.NET MVC - Manipulation d'éléments dans le DOM

En plus de pouvoir manipuler les événements lorsque nous interagissons avec les éléments, Javascript nous permet de modifier les caractéristiques de base de ceux-ci, c'est très utile car avec un événement nous pouvons faire changer de couleur un élément ou peut-être ajouter un nouvel élément.
La chose la plus intéressante est qu'avec l'aide de ASP.NET Nous pouvons créer des routines qui interagissent avec les contrôleurs pour générer ce type de comportement de manière dynamique et avec le contenu de la base de données.
Modifier le DOMÀ modifier le DOM nous allons utiliser jQuery Étant donné que ce framework Javascript nous permet d'économiser beaucoup de code et possède déjà certaines fonctionnalités qui le rendent compatible avec la plupart des navigateurs, ce dernier est dû au fait que nous devons nous rappeler que tout ce que nous faisons dans le DOM est du côté client, car par conséquent, il est son environnement qui peut ou non nous limiter…
Changer le CSS
Le CSS est ce qui donnera des styles à nos éléments dans le SOLEIL Pour cette raison, c'est très important, imaginons que nous ayons une validation et que nous souhaitons que lorsque cette validation n'est pas passée, nous montrons une case rouge pour indiquer l'échec, lors de la manipulation du SOLEIL Nous pouvons y parvenir de la manière suivante, voyons l'image avec l'exemple :

Ici, nous soulignons est le méthode .css(), Comme on peut le voir, on passe deux paramètres, le premier paramètre est la propriété CSS que nous voulons ajouter ou activer et le deuxième paramètre est la valeur que doit prendre cette propriété.
Ajouter un nouvel élément
Non seulement pouvons-nous modifier des éléments existants, nous pouvons également ajouter de nouveaux éléments, avec cela nous pouvons insérer du texte, ajouter de nouveaux blocs, etc.
Quelle méthode utiliser ?Pour cela, nous pouvons utiliser le méthode .append(), où en paramètre nous placerons le contenu HTML que nous voulons insérer dans notre DOM, la seule chose que nous devons garder à l'esprit est que nous avons besoin d'un élément avec un identifiant unique Afin de l'utiliser comme sélecteur, voyons dans l'image suivante comment nous pouvons y parvenir.

Nous pouvons également supprimer des éléments, c'est très important car les effets de mouvement et d'action peuvent être obtenus dans l'application, avec cela l'utilisateur verra les effets de ses actions en temps réel, pour cela nous utiliserons le méthode .remove() et à l'intérieur nous passerons le sélecteur que nous voulons supprimer de notre DOM :

AGRANDIR

Ici, nous voyons dans l'exemple comment nous éliminons l'élément très facilement uniquement en indiquant l'étiquette sur le sélecteur.
Autres propriétés
On peut manipuler toutes les propriétés de l'élément, la seule chose est qu'il faut se documenter, car il est difficile de toutes les connaître par cœur, pourtant sur Internet on a le Guide jQuery avec lequel nous pouvons utiliser la documentation officielle pendant que nous faisons notre développement.
L'important dans ce cas est de savoir ce que nous voulons faire, c'est le point clé alors nous pouvons enquêter et apprendre en cours de route, tant que nous connaissons l'aspect de base, tout ira bien.
Avec cela, nous terminons ce tutoriel, comme nous pouvons le voir, il est assez facile d'interagir à un niveau supérieur avec le arbre DOM, une grande partie de cette facilité est due à jQuery qui facilite cette interaction.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif