La Syntaxe de base de jQuery

La classe jQuery

• L'instanciation d'un objet jQuery peut être réalisée avec la syntaxe suivante:
• jQuery()
• Cependant, en pratique nous utilisons toujours le raccourci suivant qui est un alias de l'appel à la classe jQuery(), qui vont être des propriétés de l’objet global window.
• $()

La Syntaxe de jQuery

• La syntaxe jQuery est conçue sur mesure pour sélectionner des éléments HTML et effectuer des actions sur le ou les éléments.
• La syntaxe de base du jQuery pour accéder aux éléments HTML va donc être de la forme suivante : $(selecteur).
  • Par exemple, pour accéder à tous les éléments p de notre page HTML, nous écrirons en jQuery: $('p') .
• La syntaxe de base est la suivante: $ ( sélecteur ). action ()
  • Un signe $ pour définir / accéder à jQuery
  • Un ( sélecteur ) pour "interroger (ou trouver)" des éléments HTML.Un sélecteur ou "requête " pour définir le ou les éléments HTML à manipuler avec jQuery.
  • Une action jQuery () à effectuer sur le ou les éléments
  • Exemples:
    • $(this).hide() - masque l'élément en cours.
    • $("p").hide() - masque tous les éléments <p>.
    • $(".test").hide() - masque tous les éléments avec class = "test".
    • $("#test").hide() - masque l'élément avec id = "test".

Lancement de Code sur Document Ready

• window.onload = function(){ alert("Bien venu"); }
• Ce code va être exécuté dés qu’on appelle la page. Or à ce moment tous les éléments de la page ne sont pas téléchargés
• Et le scripte doit être appliqué à certains de ces éléments qui ne sont pas encore chargés, nous avons donc un problème.
• Pour contourner ce problème, vous l’allez remarquer, que toutes les méthodes de jQuery, dans nos exemples, seront placées dans une fonction document.ready():

 $(document).ready(function(){
    alert("Bien venu");
  });

C'est pour empêcher tout code jQuery de s'exécuter avant que le document ne soit entièrement chargé et prêt.