Syntaxe de jQuery

La syntaxe de jQuery est obtenue en utilisant des éléments HTMLsélecteursréalisées et exécutant quelquesopérations.

Grammaire de base de jQuery :

$(selector).action()

• $ est un symbole définissant jQuery

• (selector) est utilisé pour trouver des éléments HTML

• action() est utilisé pour exécuter une opération sur l'élément

Exemple :

$("this").hide() : utilisé pour masquer l'élément courant

$("p").hide() : utilisé pour masquer tous<p>élément

$(".para").hide() : utilisé pour masquer tous les éléments avec la classe="para"

$("#para").hide() : utilisé pour masquer l'élément id="para"

jQuery utilise la syntaxe CSS pour sélectionner des éléments. Dans le prochain chapitre, vous découvrirez plus d'informations sur les sélecteurs jQuery.

Événement document prêt

Vous pourriez déjà avoir remarqué que toutes les méthodes jQuery de notre exemple se trouvent dans l'événement document.ready :

$(document).ready(function() {}}
　　//　Méthode de jQuery (exécutée lorsque le DOM est prêt)
　　
　　});

C'est pour éviter que du code jQuery ne s'exécute avant que le document ne soit complètement chargé.

La bonne pratique consiste à attendre que le document soit complètement chargé et prêt avant de l'utiliser.

Cela vous permet également d'obtenir du code JavaScript à la partie supérieure du corps du document.

Si vous exécutez une méthode avant que le document ne soit complètement chargé, voici quelques exemples d'opérations qui peuvent échouer :

• Essayer de sélectionner un élément non encore créé

• Essayer d'obtenir la taille d'une image non encore chargée

jQuery propose également une méthode plus courte pour l'événement document.ready :

$(function() {
　　//　Méthode de jQuery, ayant le même effet que la syntaxe ci-dessus
　　});

Comprendre le code $(document).ready() plus facilement.

Attention :Ceci $(document).ready() est un événement, utilisé pour manipuler la page en toute sécurité avec jQuery (le code dans cet événement ne s'exécute que lorsque le DOM est prêt).