La syntaxe de jQuery

La syntaxe de jQuery

jQuery cours tutorial

La syntaxe de jQuery est constituée d’un sélecteur d’élément  HTML et d’une action sur le ou les éléments.

Syntaxe de base est :

$(selector).action()

  • Un signe dollar $ pour définir jQuery
  • Un sélecteur ou « requête » pour définir le ou les éléments HTML à manipuler avec jQuery.
  • Une action() de jQuery à effectuer sur le ou les éléments

Exemples :

Sélectionner le code

$(this).Hide() //- cache l'élément courant
$("p").Hide() //- cache tous les paragraphes
$("p.teste").Hide() //- cache tous les paragraphes avec la classe = "teste"
$("#teste").Hide() //- cache l'élément avec id = "teste"

Note :

jQuery utilise une combinaison de syntaxe de sélecteur de XPath et CSS.
Vous en apprendrez plus sur la syntaxe de sélecteur dans un prochain chapitre de ce tutorial.

 

Lancement de Code sur Document Ready

 

La plupart de programmeurs Javascript font un code dans leur programme, qui semblable à celui-ci :

Sélectionner le code

 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( ) :

Sélectionner le code

  $(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.

Voici quelques exemples d'actions qui peuvent échouer si les fonctions sont exécutées avant que le document ne soit entièrement chargé :

  • Essayer de cacher un élément qui n'existe pas
  • Essayer d'obtenir la taille d'une image qui n'est pas chargée



Cours precedent:
cours precedent  Introduction
    Sommaire de :
JQuery
 Cours suivant:
Les selecteurs jQuery    cours suivant
Par gerywa 25 juillet 2014