La Syntaxe de base de jQuery

La Syntaxe de base de jQuery

  1. Objectif

    • Connaitre le jquery.
  2. 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.
    • $()



  3. 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”.
  4. 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.




Abonnez vous à notre chaîne YouTube gratuitement