TP4-3 jQuery
TP4-3 jQuery
-
Objectifs
- Connaitre les méthodes
addClass()
,removeClass()
ettoggleClass()
- Être capable d’animer des modifications apportées aux propriétés CSS
-
Exercice 01
-
Énoncé
- Préparez votre espace de travail en créant un dossier « Tp04 » dans lequel vous allez créer trois fichiers que vous nommerez: Tp04-Ex01.html, Tp04-Ex01.css et Tp04-Ex01.js.
- Ecrivez le code Html et css nécessaire qui vous permet de créer la page web donné dans la figure ci-dessous.
- Utilisez les méthode jQuery
addClass()
et jQueryremoveClass()
pour créer les effets dans la tableau HTML donné dans la figure ci-dessous. -
Solution
- Essayez de faire l’exercice de votre côté avant de regarder la Solution !
-
Exercice 02
-
Énoncé
- Utiliser la fonction
toggleClass()
de jQuery pour réaliser la sortie de la page web suivante: - Les trois types de fichiers utilisés (html ,css et js) seront séparés
-
Solution
- Essayez de faire l’exercice de votre côté avant de regarder la Solution !