jQuery Facile #5/10 : Les méthodes d'affectation
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO jQuery Facile #5/10 : Les méthodes d'affectation

Carl Brison
19,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans cet épisode dédié à l'apprentissage facile du langage jQuery, nous allons voir comment affecter des valeurs à des éléments HTML au travers du langage jQuery.

Nous verrons notamment 

  • la méthode html,
  • la méthode val,
  • la méthode attr,
  • la méthode prop,
  • comment ajouter des arguments à nos méthodes.

Les méthodes d'affectation en jQuery permettent de manipuler du DOM (Document Object Model). La but : améliorer l'expérience utilisateur dans vos pages web en manipulant l'affichage de champs de formulaire par exemple.

Après la théorie, nous passerons justement à la pratique en réalisant un exercice concret !
Ce dernier consistera à créer un formulaire de login / mot de passe.

  • Dans un premier temps, seul le champ login sera visible
  • Une fois rempli, le champ mot de passe apparaîtra.
  • Nous contraindrons l'activation du bouton "valider" à la présence d'un certain nombre de caractères pour le mot de passe.
  • Nous apprendrons au passage comment masquer l'affichage des caractères de notre mot de passe pour ce type de champ.

Nous poursuivrons dans l'édition de notre documentation personnelle sur le langage jQuery.

Je mets à votre disposition le code complet de cet exercice.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Pour découvrir la philosophie de jQuery, pensez à télécharger mon cours gratuit !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Découvrir des nouvelles méthodes
Chapitre 2
Application
Chapitre 3
Pour la prochaine fois

Plan détaillé du cours

Chapitre 1 : Découvrir des nouvelles méthodes
1h44s
 
Leçon 1Découvrir le comportement des méthodes d'affectation
Leçon 2Lire une méthode d'affectation pure
Leçon 3Découvrir la méthode html
Leçon 4Découvrir la méthode val
Leçon 5Récupérer plusieurs infos avec la méthode val
Leçon 6Découvrir la méthode attr
Leçon 7Attribuer plusieurs attribues et valeurs avec la méthode attr
Leçon 8Découvrir la méthode prop
Leçon 9Ajout des méthodes à notre documentation
Leçon 10Ajout d'un argument aux méthodes show et hide
Chapitre 2 : Application
50m53s
 
Leçon 1Mettre en place le code HTML
Leçon 2Mettre en forme les bases du formulaire
Leçon 3Améliorer la mise en forme du formulaire
Leçon 4Désactiver par défaut le bouton de validation
Leçon 5Faire apparaitre le champ Pass su le champ User est rempli
Leçon 6Activer le bouton de validation si le Pass contient 6 caractères
Leçon 7Allumer le formulaire si tout est ok
Chapitre 3 : Pour la prochaine fois
02m10s
 
Leçon 1Pour la prochaine fois

Aperçus

Avis des apprenants

Détail des avis
5
Apprenants
7
Commentaires
5/5
Note moyenne
5/5
7
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 03/06/2023
Super ! Je l'ai trouvé facile ce module et très intéressant. J'ai encore un peu de mal à retenir certaines fonctions mais ça devrait rentrer dans mes neurones au fil des exercices. En avant pour le module 6 :-)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil et bravo pour votre enthousiasme ;-)
Cyrille Monstard
Cyrille Monstard
Publié le 19/05/2023
Toujours au top de sa forme ce Carl, Merci Carl.
Carl Brison
Carl Brison
Merci beaucoup ;-)))
Bernard Chabloz
Bernard Chabloz
Publié le 20/04/2023
Le jouet s'enrichit, et continue à m'amuser. Et donc ... à la prochaine!
Carl Brison
Carl Brison
Merci beaucoup ;-))) !

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

jQuery

Que contient le fichier source ?

Le code source de l'exercice d'application ainsi que notre documentation jQuery.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données