Avec jQuery vous sélectionnez (requête) éléments HTML et d'effectuer des "actions" sur eux.
jQuery Syntaxe
La syntaxe jQuery est fait sur mesure poursélectionner les éléments HTML et en effectuant une actionsur le element(s) .
La syntaxe de base est: $(selector).action() l' $(selector).action()
- Un $ signe pour définir / accès jQuery
- Un(sélecteur)à "requête (ou trouver)" éléments HTML
- Une JQuery l' action () à effectuer sur l' element(s)
Exemples:
$(this).hide() - cache l'élément courant.
$("p").hide() - masquer <p> éléments.
$(".test").hide() - cache tous les éléments avec class="test" .
$("#test").hide() - cache l'élément avec id="test" .
Êtes - vous familier aveclessélecteurs CSS?
jQuery utilise la syntaxe CSS pour sélectionner des éléments. Vous en apprendrez plus sur la syntaxe de sélection dans le chapitre suivant de ce tutoriel.
Le Prêt événement document
Vous avez sans doute remarqué que toutes les méthodes jQuery dans nos exemples, sont à l'intérieur d'un événement prêt de document:
$(document).ready(function(){
// jQuery methods go here...
});
Ceci afin d'éviter tout code jQuery de courir avant que le document est fini de charger (est prêt).
Il est bon d'attendre que le document soit complètement chargé et prêt avant de travailler avec elle. Cela permet également d'avoir votre code JavaScript avant que le corps de votre document, dans la section de la tête.
Voici quelques exemples d'actions qui peuvent échouer si les méthodes sont exécutées avant que le document est entièrement chargé:
- Essayer de cacher un élément qui n'a pas encore créé
- Essayer d'obtenir la taille d'une image qui n'a pas encore chargé
Astuce: L'équipe jQuery a également créé une méthode encore plus courte pour l'événement prêt de document:
$(function(){
// jQuery methods go here...
});
Utilisez la syntaxe que vous préférez. Nous pensons que l'événement prêt de document est plus facile à comprendre à la lecture du code.