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

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 !