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()
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"
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.
La plupart de programmeurs Javascript font un code dans leur programme, qui semblable à celui-ci :
Sélectionner le codewindow.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é :
Cours precedent: |
Sommaire de : JQuery |
Cours suivant: Les selecteurs jQuery |
Visiteurs Massifs Google
Comment Obliger Google à vous envoyer Gratuitement 500 visiteurs Minimum par Jour ?
Des Visiteurs Prêts à acheter vos produits....[Livre PDF, audio, et Vidéo]
Formation en ligne