La syntaxe de jQuery

La syntaxe de jQuery

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.

• 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 :

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

 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.

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:   Introduction

Sommaire de : JQuery

Cours suivant: Les selecteurs jQuery