jQuery Facile #7/10 : Positionner des éléments HTML
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO jQuery Facile #7/10 : Positionner des éléments HTML

Carl Brison
19,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce nouvel épisode dédié à l'apprentissage du langage jQuery de manière simple, rapide et efficace, nous allons voir comment il est possible de positionner des éléments HTML par rapport à d'autres éléments HTML.

Cette nouvelle compétences va nous permettre de positionner facilement des éléments HTML dans le DOM.
Ainsi, peu importe où se trouve un bloc HTML dans le code source, nous aurons la possibilité de le positionner avant ou après un autre bloc de manière simple et efficace.

Au programme de ce tuto comment positionners des éléments HTML avec jQuery ?

Ce sont 6 nouvelles méthodes jQuery qui sont au programme de ce cours : 

  • append,
  • prepend,
  • before,
  • after,
  • remove,
  • removeattr.

Afin de bien assimiler ces nouvelles méthodes jQuery, nous allons réaliser un exercice pratique sur la base d'une recette de cuisine, en lançant un "pas à pas" qui fera apparaître la suite de la recette, une fois l'étape réalisée.

Je mets les codes de cet exercice à votre disposition.

Si vous avez louper le début de cette série, je vous invite à suivre le premier cours dédié à la philosophie de jQuery, qui est gratuit !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Positionner des éléments HTML
Chapitre 2
Application
Chapitre 3
Pour la prochaine fois

Plan détaillé du cours

Chapitre 1 : Positionner des éléments HTML
28m47s
 
Leçon 1Découvrir la méthode append
Leçon 2Découvrir la méthode prepend
Leçon 3Découvrir la méthode before
Leçon 4Découvrir la méthode after
Leçon 5Découvrir la méthode remove
Leçon 6Découvrir la méthode removeattr
Chapitre 2 : Application
54m14s
 
Leçon 1Mettre en place le code HTML
Leçon 2Mettre en forme les bases du document
Leçon 3Mettre en forme les sections
Leçon 4Afficher, cacher et positionner des éléments avec jQuery
Leçon 5Faire apparaitre la section suivante
Leçon 6Boucler sur les boutons
Leçon 7Compter le nombre de sections
Chapitre 3 : Pour la prochaine fois
03m12s
 
Leçon 1Pour la prochaine fois

Aperçus

Avis des apprenants

Détail des avis
5
Apprenants
6
Commentaires
5/5
Note moyenne
5/5
6
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 12/06/2023
Super de A à Z ! :-) 6 nouvelles méthodes ajoutée à notre bibliothèque (et à nos neurones). L'exercice d'application est très complet et nous donne à réfléchir sur le processus. Cerise sur le gâteau, il est 100% dynamique. merci beaucoup Carl tous vos cours sont précieux.
Carl Brison
Carl Brison
Merci beaucoup Valérie ! Votre commentaire me fait super plaisir ;-)
Cyrille Monstard
Cyrille Monstard
Publié le 02/06/2023
Merci Carl pour cette énième tutoriel.
Carl Brison
Carl Brison
Merci beaucoup, Ameb ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 05/05/2023
Merci pour cet épisode, et au suivant: du sodium dans le pain, ça promet d'être explosif!
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

Payer plus tard

Prix d'achat : 19,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1359 tutos gratuits

Notre politique de protection des données