Bonjour, je dois réaliser un exercice en JQuery, cependant, je n'ai pas eu de cours sur ce langage car ma fac est resté bloquée pendant plus d'un mois    
L’objectif ici est d’utiliser des boutons pour pouvoir filtrer des éléments:
 
Des écouteurs d’événements Javascript ont été placés sur chacun de ces boutons pour pouvoir détecter un clic de souris dessus et déclencher une action.
Par exemple :

Correspond à un écouteur d’événement placé sur le bouton « Tout » (sélectionné ici grâce au sélecteur JQuery $("#tout-button" ) ), avec un événement de type « click » et la fonction déclenchée est la fonction afficherToutdéclarée un peu plus bas dans le code.
Je dois donc écrire le code JQuery de chacune des fonctions déclenchées  afin de n’afficher à l’utilisateur que les éléments qu’il souhaite visualiser en cliquant sur un des boutons. On peut pour cela sélectionner les bons éléments en utilisant les classes (attribut HTML <class> ) qui ont été ajoutées aux articles contenant les informations de chaque élément (balises HTML <article> ). Je dois ensuite utiliser les méthodes JQuery permettant de modifier des propriétés CSS d’éléments sélectionnés pour faire disparaître ou apparaître certains éléments (une façon de procéder peut être de faire disparaître tous les éléments dans un premier temps, puis de faire apparaître ceux choisis par l’utilisateur dans un second temps).
 
Cependant, je n'arrive ni à sélectionner les bons éléments, ni à leur appliquer des modifications.
Quelqu'un a les capacités de me filer un coup de main?
Merci

Bonjour,
 
Sans nous montrer ce que tu as fait on ne pourra pas t'aider...
Mais si déjà tu n'arrives pas à sélectionner d'élément c'est soit que tu n'as pas compris le système de sélecteurs soit que ton jQuery n'est pas interprété au bon moment. Avez-vous eu des cours de Javascript avant ?
 
Tu peux retrouver les sélecteurs Jquery sur cette page : https://www.w3schools.com/jquery/jq [...] ectors.asp
Et pour apprendre à les utiliser, une recherche Google "jquery selectors" devrait apporter rapidement une réponse.

 
ta syntaxe ne me parait pas correcte mais je ne connais toutes les evolutions de javascript.
je metterais les fonctions avant les appels perso.
 
Fait deja un premier test :
une alerte alert('click ok'); sur le clic pour vérifier que ton sélecteur fonctionne bien.
 
$("#tout-button" ).on("click", function() {
  alert('click ok');
});
 
Ensuite tu pourras tester ta fonction
 
$("#tout-button" ).on("click", function() {
 afficherTout();
});
 
utilise la console de ton navigateur en mode développeur pour voir les erreurs javascript