TP4-3 jQuery

Objectifs

• Connaitre les méthodes addClass(), removeClass() et toggleClass()
• Être capable d'animer des modifications apportées aux propriétés CSS

Exercice 01

1. Énoncé

   1. 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.
   2. Ecrivez le code Html et css nécessaire qui vous permet de créer la page web donné dans la figure ci-dessous.
   3. Utilisez les méthode jQuery addClass() et jQuery removeClass() pour créer les effets dans la tableau HTML donné dans la figure ci-dessous.

   

2. Solution

   • Essayez de faire l'exercice de votre côté avant de regarder la Solution !

Exercice 02

1. É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

2. Solution

   • Essayez de faire l'exercice de votre côté avant de regarder la Solution !