19,00

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

19,00

  • Une formation vidéo de 1h26m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
jQuery Facile #7/10 : Positionner des éléments HTML

ajouter ce cours aux favoris retirer ce cours des favoris

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 !

Table des matières de cette formation jQuery (durée : 1h26m)

  • Positionner des éléments HTML
    • Découvrir la méthode append 00:09:52
    • Découvrir la méthode prepend 00:04:13
    • Découvrir la méthode before 00:04:58
    • Découvrir la méthode after 00:01:47
    • Découvrir la méthode remove 00:04:38
    • Découvrir la méthode removeattr 00:03:19
  • Application
    • Mettre en place le code HTML 00:10:52
    • Mettre en forme les bases du document 00:10:30
    • Mettre en forme les sections 00:06:53
    • Afficher, cacher et positionner des éléments avec jQuery 00:06:12
    • Faire apparaitre la section suivante 00:03:58
    • Boucler sur les boutons 00:09:55
    • Compter le nombre de sections 00:05:54
  • Pour la prochaine fois
    • Pour la prochaine fois 00:03:12



Formateur : Carl Brison

Carl Brison a publié 306 tutoriels et obtenu une note moyenne de 4,9/5 sur 18 551 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0

  • 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
accédez à plus de 1422 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données