Syntaxe jQuery
Syntaxe jQuery
La syntaxe jQuery consiste à sélectionner des éléments HTML et à effectuer certaines opérations sur les éléments sélectionnés.
Syntaxe de base : $(selector).action()
Définition du signe dollar jQuery
sélecteur "requête" et élément HTML "trouver"
jQuery action() effectue des opérations sur les éléments
Exemple :
$(this).hide() - Masquer l'élément actuel
$ ("p").hide() - Masquer tous les éléments <p>
$("p.test").hide() - Masquer toutes les classes <p> with ="test"
$("#test").hide() - Masquer tous les éléments avec id="test"
Événement Document prêt
Vous avez peut-être remarqué que toutes les fonctions jQuery de notre exemple se trouvent dans une fonction prête pour le document :
$(document).ready(function( ){
// Commencez à écrire du code jQuery...
});
Cela permet d'empêcher le code jQuery de s'exécuter avant que le document ne soit complètement chargé (prêt).
Si vous exécutez la fonction avant que le document ne soit complètement chargé, l'opération peut échouer. Voici deux exemples précis :
Essayer de masquer un élément inexistant
Obtenir la taille d'une image incomplètement chargée
Astuce : écriture concise (même effet que ci-dessus) Idem) :
$(function(){
// Commencez à écrire du code jQuery...
});
Avec les deux méthodes ci-dessus, vous pouvez choisir la façon dont vous souhaitez exécuter la méthode jQuery une fois le document prêt.